如何有效地檢查 FormData 物件中的鍵和值？

內省 FormData：探索鍵

理解 FormData 物件的內容對於除錯和檢查表單提交至關重要。但是，console.log 和基於循環的方法可能無法提供所需的結果。

FormData.entries()

自 2016 年 3 月以來，最新版本的 Chrome 和 Firefox支援使用 FormData.entries() 進行檢查。此方法迭代 FormData 物件中的鍵值對。

// Create a test FormData object
var formData = new FormData();
formData.append('key1', 'value1');
formData.append('key2', 'value2');

// Display the key/value pairs
for (var pair of formData.entries()) {
    console.log(pair[0]+ ', ' + pair[1]); 
}

替代方法

在引入 FormData.entries() 之前，無法直接從 FormData 物件擷取資料需要替代方法。一種選擇涉及將常規字典轉換為 FormData：

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

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

為了進行調試，透過 XMLHttpRequest 發送 FormData 物件也允許在網路請求控制台中進行檢查：

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

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