如何检查FormData？

Question

如何检查FormData？我试过console.log并使用for in.在这里MDN参考在FormData上。两次尝试都在此进行。小提琴.var fd = new FormData(),     key;// poulate with dummy datafd.append("key1", "alskdjflasj");fd.append("key2", "alskdjflasj");     // does not do anything usefulconsole.log(fd);// does not do anything usefulfor(key in fd) {     console.log(key);}如何检查表单数据以查看设置了哪些键。

Answer 1

Chrome和Firefox的最新版本现在支持使用FormData.entries()检查FormData。来源.

// Create a test FormData objectvar formData = new FormData();formData.append('key1', 'value1');formData.append('key2', 'value2');
// Display the key/value pairsfor (var pair of formData.entries()) {
    console.log(pair[0]+ ', ' + pair[1]); }

感谢鬼回声和罗布思把这个指出来！

旧答案：

看过这些 莫兹拉 文章，看起来没有办法从FormData对象中获取数据。您只能将它们用于构建通过Ajax请求发送的FormData。

我还发现这个问题也说明了同样的问题：附加(“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);