javascript - 如何在提交之前更改 FormData？

Question

我正在做一个项目，我需要在提交之前更改 FormData。我无法更改元素值，我必须更改进入 POST 的实际 FormData。

我尝试更改 form.onsubmit 以更新值(适用于某些字段，但其他字段由于验证检查而不起作用)

<form name="aspnetForm" method="post" action="Posturl.aspx" onsubmit="javascript:return WebForm_OnSubmit();" id="aspnetForm" autocomplete="off">
   <input type="text" name="field1" id="field1" value="">
   <input type="text" name="field2" id="field2" value="">
</form>

我知道我可以创建一个新的 FormData 对象，并且可以使用 formData.set('field1', 'newValue') 设置对象的值，但我不确定如何发布这个新的 FormData 对象而不是旧对象。

Answer 1

FormData 接口(interface)的 set() 方法为 FormData 对象内的现有键设置新值，或者如果键/值不存在，则添加该键/值。

var formData = new FormData(); // Currently empty
// Add a value
formData.append('username', 'Chris');

// Change value
formData.set('username', 'tom');

know more