FormDataEvent: formData property
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2021.
Thuộc tính chỉ đọc formData của giao diện FormDataEvent chứa đối tượng FormData đại diện cho dữ liệu được chứa trong biểu mẫu khi sự kiện được kích hoạt.
Giá trị
Đối tượng FormData.
Ví dụ
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);
});
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| HTML # the-formdataevent-interface:dom-formdataevent-formdata-2 |