Ich habe versuchtconsole.log
并使用for in
es in einer Schleife zu machen.
Hier ist die MDN-Referenz für FormData.
Zwei Versuche in dieser Geige.
var fd = new FormData(), key; // poulate with dummy data fd.append("key1", "alskdjflasj"); fd.append("key2", "alskdjflasj"); // does not do anything useful console.log(fd); // does not do anything useful for(key in fd) { console.log(key); }
So überprüfen Sie Formulardaten, um zu sehen, welche Schlüssel festgelegt wurden.
一些简短的答案
更长的答案
其他人建议记录 fd.entries() 的每个
条目
,但console.log
也可以采用多个参数console.log(foo , bar, ...)
要接受任意数量的参数,您可以使用
apply
方法并按如下方式调用它:console.log.apply(console,数组)
。但是有一种新的 ES6 方法可以使用扩展运算符 a> 和迭代器
console.log(...array)
。知道这一点,并且事实上FormData和数组的两者都有一个Symbol.iterator方法在其原型中指定默认的for。 ..of循环,那么您可以使用
...iterable
展开参数,而不必去调用formData.entries()
方法(因为这是默认函数)如果您愿意,您可以执行for (x of formData)
如果您想检查原始主体的外观,那么您可以使用响应构造函数(获取 API 的一部分),这会将您的表单数据转换为上传表单数据时实际的样子
更新方法:
截至 2016 年 3 月,最新版本的 Chrome 和 Firefox 现在支持使用
FormData.entries()
来检查 FormData。来源。感谢Ghost Echo和rloth指出了这一点!
旧答案:
查看这些Mozilla文章,看起来无法从 FormData 对象中获取数据。您只能使用它们来构建 FormData 以通过 AJAX 请求发送。
我还刚刚发现这个问题说明了同样的事情:FormData.append("键”、“值”)不起作用。
解决这个问题的一种方法是构建一个常规字典,然后将其转换为 FormData:
如果您想调试普通的 FormData 对象,您还可以发送它以便在网络请求控制台中检查它: