The formData
read-only property of the FormDataEvent
interface contains the FormData
object representing the data contained in the form when the event was fired.
The formData
read-only property of the FormDataEvent
interface contains the FormData
object representing the data contained in the form when the event was fired.
A FormData
object.
js
// 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 (const value of data.values()) { console.log(value); } // submit the data via XHR const request = new XMLHttpRequest(); request.open("POST", "/formHandler"); request.send(data); });
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
formData |
77 | 79 | 72 | No | 64 | 15 | 77 | 77 | 79 | 55 | 15 | 12.0 |
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/FormDataEvent/formData