Ajax基础到实战——formData对象_ajax formdata

// 假设我们有一个表单元素，id为"myForm"
var formElement = document.getElementById('myForm');
 
// 创建一个FormData对象并与表单关联
var formData = new FormData(formElement);
 
// 现在我们可以使用XMLHttpRequest发送异步请求
var xhr = new XMLHttpRequest();
xhr.open('POST', formElement.action, true);
 
xhr.onload = function() {
  if (this.status == 200) {
    // 请求成功
    console.log(this.response);
  } else {
    // 请求出错
    console.error(this.statusText);
  }
};
 
xhr.onerror = function() {
  // 请求异常
  console.error('请求出现异常');
};
 
// 发送请求，并附上FormData对象
xhr.send(formData);

这段代码演示了如何使用FormData对象来序列化表单内容，并通过XMLHttpRequest发送POST请求。这是一个实际的应用场景，在实际开发中，可以用来处理文件上传等需要使用表单进行提交的场景。