封装Ajax请求/xhr与promise

// 1. 创建对象
  const xhr = new XMLHttpRequest();
  // 2. 初始化
  xhr.open('GET', 'https://api.apiopen.top/getJoke');
  // 3. 发送
  xhr.send();
  // 4. 绑定事件，处理响应结果
  xhr.onreadystatechange = function () {
    //判断
    if (xhr.readyState === 4) {
      //判断响应状态码 200-299
      if (xhr.status >= 200 && xhr.status < 300) {
        console.log(xhr.response);
      } else {
        console.error(xhr.status);
      }
    }
  }

      Promise封装

const p =new Promise((resolve,reject)=>{
// 1. 创建对象
    const xhr =new XMLHttpRequest();
// 2. 初始化
    xhr.open('GET','https://api.apiopen.top/getJoke');
// 3. 发送
    xhr.send();
// 4. 绑定事件，处理响应结果
    xhr.onreadystatechange = function(){
    //判断
    if(xhr.readyState === 4){
        //判断响应状态码 200-299
        if(xhr.status>=200 && xhr.status<300){
            resolve(xhr.response);
        }else{
            reject(xhr.status);
        }
    }
}
  });
  p.then(
  function(value){
      console.log(value)
  },
  function(result){
      console.log(result)
  }
  )