XMLHttpRequest使用教程

XMLHttpRequest 兼容性

关于 XMLHttpRequest 的浏览器兼容性，大家可以直接查看“Can I use”这个网站提供的结果XMLHttpRequest兼容性。

使用 XMLHttpRequest 提交表单数据

function sendData()
{
  // 构造表单数据
  var formData = new FormData();
  formData.append('username', 'johndoe');
  formData.append('id', 123456);
  
  // 创建xhr对象 
  var xhr = new XMLHttpRequest();
  // 设置xhr请求的超时时间
  xhr.timeout = 3000;// 3秒
  // 设置响应返回的数据格式
  xhr.responseType = "text";
  // 创建一个 post 请求,采用异步
  xhr.open('POST', '/server.php', true);
  // 注册相关事件回调处理函数
  xhr.onload = function(e) { 
    if(this.status == 200||this.status == 304){
        let res = 'response' in xhr ? xhr.response : xhr.responseText
        console.log(res);
    }
  };
  xhr.ontimeout = function(e) {};
  xhr.onerror = function(e) {};
  xhr.upload.onprogress = function(e) {};

  //发送数据
  xhr.send(formData);
}

开发文档:https://developer.mozilla.org/zh-CN/docs/Web/API/XMLHttpReques
参考链接:https://segmentfault.com/a/1190000004322487#articleHeader16