此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。
FormDataEvent:formData 属性
FormDataEvent 接口的只读属性 formData 包含 FormData 对象,该对象表示在事件触发时,表单中包含的数据。
值
一个 FormData 对象。
示例
js
// 获取对表单的引用
const formElem = document.querySelector("form");
// submit 处理器
formElem.addEventListener("submit", (e) => {
// 在表单提交时,阻止默认行为
e.preventDefault();
// 构造 FormData 对象,用于触发 formdata 事件
new FormData(formElem);
});
// 获得数据的 formdata 处理器
formElem.addEventListener("formdata", (e) => {
console.log("formdata fired");
// 从事件对象中获取表单数据
let data = e.formData;
for (const value of data.values()) {
console.log(value);
}
// 通过 XHR 提交数据
const request = new XMLHttpRequest();
request.open("POST", "/formHandler");
request.send(data);
});
规范
| 规范 |
|---|
| HTML # the-formdataevent-interface:dom-formdataevent-formdata-2 |
浏览器兼容性
启用 JavaScript 以查看此浏览器兼容性表。