我已经尝试了console.log和循环通过它使用for in。
这里是关于FormData的MDN参考。
两种尝试都在这把小提琴上。
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);
}
如何检查表单数据以查看已设置的键。
当前回答
已经回答了，但是如果你想以一种简单的方式从提交的表单中检索值，你可以使用扩展操作符并创建一个新的Map iterable来获得一个不错的结构。
新地图([…新FormData(形式)])
其他回答
下面是一个将FormData对象的条目作为对象记录到控制台的函数。
export const logFormData = (formData) => {
const entries = formData.entries();
const result = {};
let next;
let pair;
while ((next = entries.next()) && next.done === false) {
pair = next.value;
result[pair[0]] = pair[1];
}
console.log(result);
};
.entries()上的MDN文档
MDN文档。next()和。done
在angular 7中，我使用下面这行代码在控制台获得了条目。
formData.forEach(entries => console.log(entries));
formData.entries()在最新版本中抛出错误。 所以你可以试试下面的方法:
formData.forEach((value: FormDataEntryValue, key: string) => {
console.log(value, key);
})
我使用formData.entries()方法。我不确定是否所有浏览器都支持，但它在Firefox上运行良好。
摘自https://developer.mozilla.org/en-US/docs/Web/API/FormData/entries
// Create a test FormData object
var formData = new FormData();
formData.append('key1','value1');
formData.append('key2','value2');
// Display the key/value pairs
for (var pair of formData.entries())
{
console.log(pair[0]+ ', '+ pair[1]);
}
还有更广泛的浏览器支持的formData.get()和formData.getAll()，但它们只显示值而不显示键。更多信息请参见链接。
试试这个函数:
function formDataToObject(formData) {
return Array.from(formData.entries()).reduce((old, pair) => ({
...old,
[pair[0]]: pair[1],
}), {});
}
