javascript – 从HTML5 FormData对象获取所有项目 – HTML5

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

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

有像这样的功能

FormData::get([name]);

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

FormData::dumpData();

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

更新

以下是FormData对象的示例：

解决方法:

默认情况下,FormData的所有功能并非在所有浏览器中都可用.但是,您可以在某些情况下启用它们.查看browser compatibility的文档.

在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对的方法.

标签：javascript,html5,form-data
来源： https://codeday.me/bug/20190612/1223254.html