使用新的FormData(表单)返回空对象

时间:2018-04-01 00:44:09

标签: javascript html5 form-data

我想在这个例子中简单地得到键:值对。 在我的表格上,我有:

<form id="myForm" name="myForm">
     <label for="username">Enter name:</label>
     <input type="text" id="username" name="username">
</form>

JS:

var myForm = document.getElementById('myForm');
formData = new FormData(myForm);

我现在得到空对象:

alert(JSON.stringify(formData));

FormData(表单)的使用也与Web Workers一起返回非预期的对象。

我知道工作者无法访问DOM。转移给工人的表格是{"isTrusted":true},但没有数据。

1 个答案:

答案 0 :(得分:0)

var myForm = document.getElementById('myForm');
formData = new FormData(myForm);
// formData.append('anotherKey', data); // not like this
var meggedObj = {anotherKey: data}; // constructing new obj.

// add the form key/value pairs
for (var pair of formData.entries()) {
  meggedObj[pair[0]]= pair[1];
}

alert(JSON.stringify(meggedObj));