如何有效地检查 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中文网其他相关文章！