XMLHttpRequest 对象发送请求的步骤

关于原生 XMLHttpRequest 发送请求可以做的一些事情。

目前 XMLHttpRequest 实列是被所有浏览器支持的。

首先创建一个 XHR 对象实例。

const request = new XMLHttpRequest()

之后可以配置一些 返回值类型、超时时间、跨域请求携带COOKIE之类的。

 request.responseType = responseType
 request.timeout = timeOut
 request.withCredentials = withCredentials

调用 XHR 对象的 open() 方法， 传入请求类型‘GET'/'POST' 之类的， 请求地址、 async 的值为 boolean 类型的。

request.open(method, url, true)

之后可以为 XHR 对象 添加时间处理器  onreadystatechange ， 可以针对请求的一些状态来做一些处理。

 request.onreadystatechange = function handleLoad() {
      if (request.readyState !== 4) {
        return
      }
      if (request.status === 0) {
        return
      }