如何检查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);