此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。
FormDataEvent：formData 属性
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2021年9月.
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);});规范
| Specification |
|---|
| HTML # the-formdataevent-interface:dom-formdataevent-formdata-2 |