更新方法:
截至 2016 年 3 月,最新版本的 Chrome 和 Firefox 现在支持使用FormData.entries()
检查 FormData。Source.
// 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]);
}
谢谢幽灵回声 and rloth指出这一点!
旧答案:
看完之后these Mozilla articles,看起来没有办法从 FormData 对象中获取数据。您只能使用它们来构建 FormData 以通过 AJAX 请求发送。
我也刚刚发现这个问题陈述了同样的事情:FormData.append("key", "value") 不起作用.
解决这个问题的一种方法是构建一个常规字典,然后将其转换为 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]);
}
如果你想调试一个普通的 FormData 对象,你也可以发送它以便在网络请求控制台中检查它:
var xhr = new XMLHttpRequest;
xhr.open('POST', '/', true);
xhr.send(fd);