手写ajax

js

const request = (url) => {
  return new Promise((resolve) => {
    // 1：创建Ajax对象
    const xhr = new XMLHttpRequest();
    // 2：配置 Ajax请求地址
    xhr.open("get", url);
    // 3：发送请求
    xhr.send(null); // 严谨写法
    // 4:监听请求，接受响应
    xhr.onreadystatechange = function () {
      // readySates == 4 表示 请求已完成，且响应已就绪
      // xhr.status == 200 表示请求成功
      // 304 协商缓存
      if ((xhr.readyState == 4 && xhr.status == 200) || xhr.status == 304){
          	resolve(JSON.parse(xhr.responseText));
      }
    };
  });
};