从HTML5 FormData对象获取所有项目 - HTML5

Question

我一直在使用HTML5 FormData对象,我似乎无法弄清楚如何找到它所拥有的数据.我需要访问它以进行调试.

https://developer.mozilla.org/en-US/docs/Web/API/FormData 1

有像这样的功能

FormData::get([name]);

但我不知道名字.有这样的东西会很好:

FormData::dumpData();

查看FormData对象中所有数据的好方法是什么？

更新

以下是FormData对象的示例:

Answer 1

FormData默认情况下,并非所有浏览器都提供所有功能.但是,您可以在某些情况下启用它们.查看文档以了解浏览器兼容性.

在Chrome中,您可以通过在浏览器标记部分下启用启用实验性Web平台功能来启用对这些功能的完全访问权限.导航到chrome://flags/浏览器中以查找此选项.

启用此功能并重新加载后,您应该能够运行以下内容来查看所有FormData数据:

var formData    = new FormData(this);
var formKeys    = formData.keys();
var formEntries = formData.entries();

do {
  console.log(formEntries.next().value);
} while (!formKeys.next().done)

当然,可能有更好的方法来迭代这个数据结构,尽管它肯定是一种FormData动态查看对象中所有K/V对的方法.