我已经尝试了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);
}
如何检查表单数据以查看已设置的键。
当前回答
表单数据
var formData = new formData ();//当前为空 formData。追加(“用户名”,“克里斯”); for (formData.keys()的var键){ console.log(关键); ｝ forformdata .values()的变量值{ console.log(价值); ｝
知道更多
其他回答
更新方法:
截至2016年3月，最新版本的Chrome和Firefox现在支持使用FormData.entries()来检查FormData。源。
// 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]);
}
感谢Ghost Echo和loth指出这一点!
旧的回答:
在阅读了这些Mozilla文章之后，似乎没有办法从FormData对象中获取数据。您只能使用它们来构建通过AJAX请求发送的FormData。
我还发现了这个问题，说明了同样的事情:FormData。Append ("key"， "value")无效。
解决这个问题的一种方法是建立一个常规字典，然后将其转换为FormData:
var myFormData = {
key1: 300,
key2: 'hello world'
};
var fd = new FormData();
for (var key in myFormData) {
console.log(key, myFormData[key]);
fd.append(key, myFormData[key]);
}
如果你想调试一个普通的FormData对象，你也可以发送它，以便在网络请求控制台检查它:
var xhr = new XMLHttpRequest;
xhr.open('POST', '/', true);
xhr.send(fd);
我使用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);
})
你必须理解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>
在某些情况下，使用:
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);
这不是一个非常聪明的代码，但它是有效的……
希望对大家有帮助。
