FormDataEvent.formData

在此页

句法
范例
规范
浏览器兼容性
另请参阅
相关话题

formData read only property of the FormDataEvent interface contains the FormData object representing the data contained in the form when the event was fired.

句法

formData = formDataEvent.formData

A FormData 对象。

范例

// grab reference to form
const formElem = document.querySelector('form');
// submit handler
formElem.addEventListener('submit', (e) => {
  // on form submission, prevent default
  e.preventDefault();
  // construct a FormData object, which fires the formdata event
  new FormData(formElem);
});
// formdata handler to retrieve data
formElem.addEventListener('formdata', (e) => {
  console.log('formdata fired');
  // Get the form data from the event object
  let data = e.formData;
  for (var value of data.values()) {
    console.log(value);
  }
  // submit the data via XHR
  var request = new XMLHttpRequest();
  request.open("POST", "/formHandler");
  request.send(data);
});

规范

规范	状态	注释
HTML 实时标准 The definition of 'formData' in that specification.	实时标准

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据

	桌面						移动
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`formData`	Chrome 77	Edge 79	Firefox 72	IE No	Opera 64	Safari No	WebView Android 77	Chrome Android 77	Firefox Android No	Opera Android 55	Safari iOS No	Samsung Internet Android 12.0

在此页

句法

返回

范例

规范

浏览器兼容性

图例

另请参阅

元数据

相关话题