javascript - 从 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 的所有功能并非在所有浏览器中都可用。但是，您可以在某些情况下启用它们。查看 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 对的一种方法。