如何有效地調試和檢查 FormData 物件的內容？

調試 FormData：揭示內部結構

處理 FormData 物件時，檢查其內容可能是一個挑戰。使用 for 進行控制台日誌記錄和物件鍵循環被證明是無效的。然而，瀏覽器支援的最新進展為檢查 FormData 開闢了新途徑。

更新的解決方案：利用 FormData.entries()

自 2016 年 3 月起，Chrome 和 Firefox引入了 FormData.entries()方法，此方法可以直接迭代：

const formData = new FormData();
formData.append('key1', 'value1');
formData.append('key2', 'value2');

for (const [key, value] of formData.entries()) {
    console.log(key, value);
}

舊方法：利用字典

在沒有FormData.entries() 的情況下，另一種方法涉及創建常規字典並將其轉換到FormData:

const myFormData = {
    key1: 300,
    key2: 'hello world'
};

const fd = new FormData();
for (const key in myFormData) {
    fd.append(key, myFormData[key]);
}

使用網路進行調試Request

要調試普通FormData 對象，請考慮透過AJAX 請求發送它：

const xhr = new XMLHttpRequest;
xhr.open('POST', '/', true);
xhr.send(fd);

透過在瀏覽器控制台中檢查網路請求，您可以深入了解FormData 的內容。

以上是如何有效地調試和檢查 FormData 物件的內容？的詳細內容。更多資訊請關注PHP中文網其他相關文章！