我已经尝试了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);
}
如何检查表单数据以查看已设置的键。
当前回答
简单的方法
我在angular 8中使用了这段代码
var formData = new FormData();
formData.append('key1', 'value1');
formData.append('key2', 'value2');
formData.forEach((value,key) => {
console.log(key+value)
});
其他回答
试试这个函数:
function formDataToObject(formData) {
return Array.from(formData.entries()).reduce((old, pair) => ({
...old,
[pair[0]]: pair[1],
}), {});
}
在angular 6的typeScript中，这段代码为我工作。
var formData = new FormData();
formData.append('name', 'value1');
formData.append('name', 'value2');
console.log(formData.get('name')); // this is return first element value.
或者对于所有值:
console.log(formData.getAll('name')); // return all values
你必须理解FormData::entries()返回一个Iterator实例。
以这个表单为例:
<form name="test" id="form-id">
<label for="name">Name</label>
<input name="name" id="name" type="text">
<label for="pass">Password</label>
<input name="pass" id="pass" type="text">
</form>
和这个js循环:
<script>
var it = new FormData( document.getElementById('form-id') ).entries();
var current = {};
while ( ! current.done ) {
current = it.next();
console.info( current )
}
</script>
ES6 +方案:
要查看表单数据的结构:
console.log([...formData])
要查看每个键-值对:
for (let [key, value] of formData.entries()) {
console.log(`${key}: ${value}`);
}
已经回答了，但是如果你想以一种简单的方式从提交的表单中检索值，你可以使用扩展操作符并创建一个新的Map iterable来获得一个不错的结构。
新地图([…新FormData(形式)])
