如何有效地檢查和調試 JavaScript 中的 FormData 物件？

檢查FormData：綜合指南

儘管遇到了console.log 和for-in 循環等方法的挑戰，但仍有幾種有效的方法來檢查FormData 。

最新版本中的 FormData

值得慶幸的是，現代版本的 Chrome 和 Firefox 現在支援FormData.entries() 用於檢查 FormData。使用方法如下：

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

for (var pair of formData.entries()) {
    console.log(pair[0]+ ', ' + pair[1]); 
}

舊版瀏覽器的替代方案

對於舊版瀏覽器，有兩個選項：

1。建立常規字典：

您可以建立常規字典，然後將其轉換為FormData：

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

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

2.網路請求檢查：

要調試FormData對象，您可以在網路請求中發送它並使用瀏覽器的請求控制台檢查它：

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

FormData 中的限制

需要注意的是，雖然FormData 對於透過AJAX請求提交表單很有價值，但它有限制：

• 它無法直接檢索設定的鍵。
• 使用 for-in 迴圈或 console.log 迭代 FormData 物件僅顯示屬性數量，而不顯示鍵本身。

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