我已经尝试了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);
}
如何检查表单数据以查看已设置的键。
当前回答
我使用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()，但它们只显示值而不显示键。更多信息请参见链接。
其他回答
formData.entries()在最新版本中抛出错误。 所以你可以试试下面的方法:
formData.forEach((value: FormDataEntryValue, key: string) => {
console.log(value, 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
console.log(myformdata.get("mykey");
我认为这就是答案! 你可以像这样使用"getall"
console.log(myformdata.getall());
在某些情况下，使用:
for(var pair of formData.entries(){...
是不可能的。
我用这段代码来代替:
var outputLog = {}, iterator = myFormData.entries(), end = false;
while(end == false) {
var item = iterator.next();
if(item.value!=undefined) {
outputLog[item.value[0]] = item.value[1];
} else if(item.done==true) {
end = true;
}
}
console.log(outputLog);
这不是一个非常聪明的代码，但它是有效的……
希望对大家有帮助。
