js formdata对象

// 创建一个新的 FormData 对象
let formData = new FormData();

// 添加键值对到 FormData 对象中
formData.append('username', 'exampleUser');
formData.append('password', 'examplePassword');

// 如果要从表单元素创建 FormData 对象
let formElement = document.querySelector('form');
let formDataFromForm = new FormData(formElement);

// 发送 FormData 对象到服务器（例如使用 XMLHttpRequest）
let xhr = new XMLHttpRequest();
xhr.open('POST', '/submit-form', true);

xhr.onload = function () {
  if (xhr.status === 200) {
    console.log('Form submitted successfully');
  } else {
    console.error('Form submission failed');
  }
};

xhr.send(formData);

// 使用 Fetch API 发送 FormData 对象
fetch('/submit-form', {
  method: 'POST',
  body: formData
})
.then(response => response.json())
.then(data => console.log('Success:', data))
.catch(error => console.error('Error:', error));

// 解释说明：
// FormData 对象用于准备表单数据以便通过 XMLHttpRequest 或 Fetch API 提交。
// 可以直接向 FormData 对象添加数据，也可以从 HTML 表单元素创建 FormData 对象。
// 最后，可以通过 XMLHttpRequest 或 Fetch API 将 FormData 对象发送到服务器。