XMLHttpRequest

一、请求代码

const xhr = new XMLHttpRequest();
xhr.open('GET',"url 请求地址",true) ;  // true 表示异步，false 表示同步
xhr.onreadystatechange = function (){
  if(xhr.readyState == 4){
    if(xhr.status == 200){
          console.log(xhr.responseText);
    }
  }
}

xhr.send(); // 这里发送参数，如果是POST方式，则传递参数JSON.stringfy({ ...params });

注意项

1. xhr.open的第三个参数，true是异步，false是同步
2. xhr.readyState == 4,取值范围{0，1，2，3，4}

• 0，未发送
• 1, 发送中
• 2, 发送完成，已经拿到响应数据
• 3, 解析响应数据
• 4, 数据解析完成，客户端可以直接使用了

xhr.staus的取值

• 2xx 200响应请求成功
• 3xx 重定向 浏览器直接跳转 301（永久重定向） 302（临时重定向） 304（资源没有被修改，http缓存协商，如果资源（静态资源）没有被修改，server返回304状态码，并不会再次将资源发送给浏览器，浏览器则很知趣的使用本地的缓存文件）
• 4xx 404 找不到页面，403没有权限
• 5xx 服务器端错误