我正在尝试从 Web 表单中获取一组键（输入名称或类似名称）和值（输入值）：
<body>
<form>
<input type="text" name="banana" value="swag">
</form>
<script>
var form = document.querySelector('form');
var formData = new FormData(form);
</script>
</body>
根据FormData documentation，formData 应该包含表单中的键和值。但是console.log(formData) 显示formData 是空的。
如何使用 FormData 从表单中快速获取数据？
【问题讨论】：
标签： javascript form-data
我也遇到了同样的问题。我无法在控制台上看到。您需要在ajax请求中添加以下内容，以便发送数据
processData: false, contentType: false
【讨论】：
根据 FormData 上的 MDN 文档
实现
FormData的对象可以直接在for...of结构中使用，而不是entries(): for (var p of myFormData)等价于for (var p of myFormData.entries())。
迭代 FormData.entries() 对我不起作用。
这是我检查formData 是否为空的方法：
var isFormDataEmpty= true;
for (var p of formData) {
isFormDataEmpty= false;
break;
}
由于迭代formData 为您提供上传的文件，您可以使用它来获取文件名、文件类型验证等。
【讨论】：
for (var x of formData) console.log(x); 按照 OP 的要求进行操作
更新：the XHR spec 现在包含更多用于检查 FormData 对象的函数。
FireFox has supported the newer functions since v39.0，Chrome is slated to get support in v50。不确定其他浏览器。
var form = document.querySelector('form');
var formData = new FormData(form);
for (var [key, value] of formData.entries()) {
console.log(key, value);
}
//or
console.log(...formData)
【讨论】：
formData.forEach(file => console.log("File: ", file));
console.log(...formData) 而不是 console.log(formData) 你应该得到一些数据显示（只要你的输入字段都被命名）。
FormData 的创建者今天又惹恼了一个人。它应该很容易看到，而不是通过for 循环或使用console.log(...formData)。
但是
console.log(formData)显示formData是空的。
“空”是什么意思？当我在 Chrome 中测试它时，它显示 ‣ FormData {append: function} ... 也就是说它是一个 FormData 对象，这是我们所期望的。我做了一个小提琴和expanded to code to this：
var form = document.querySelector('form'),
formData = new FormData(form),
req = new XMLHttpRequest();
req.open("POST", "/echo/html/")
req.send(formData);
...这就是我在 Chrome 开发者工具网络面板中看到的内容：
所以代码按预期工作。
我认为这里的脱节在于您期望 FormData 像普通的 JavaScript 对象或数组一样工作，并让您直接查看和操作其内容。不幸的是，它不是那样工作的——FormData 在its public API 中只有一个方法，即append。几乎所有你能做的就是创建它，向它附加值，然后将它传递给 XMLHttpRequest。
如果您想以一种可以检查和操作的方式获取表单值，则必须采用老式方式：遍历输入元素并一个接一个地获取每个值——或者通过使用其他人编写的函数，例如jQuery的。这是一个带有几种方法的 SO 线程：How can I get form data with JavaScript/jQuery?
【讨论】：
toString() 方法（由 console.log() 使用）是无用的。我不认为这是设计 - 它似乎与 Web API 的其他部分非常不一致。