promise封装ajax

 

关于promise使用时的几点：

1. 使用方法：先创建一个promise对象new Promise(),根据业务需求判断执行成功或失败，成功调用resovle(),失败则调用reject()。

2. Promise对象的then(onFulfilled，onRejected)有两个参数，成功执行onFulfilled，失败执行onRejectd

   p.then(function(value) {
      // fulfillment成功
     }, function(reason) {
     // rejection失败
   });
   
   //不过通常会使用catch()来捕获失败，上段代码通常写为：
   p.then(function(value) {
       // fulfillment成功
   }).catch(function(reason) {
       //rejection失败
   })    

3. Promise对象的then()会返回一个新的Promise对象

const ajaxPromise =  param => {
  return new Promise((resovle, reject) => {
    var xhr = new XMLHttpRequest();
    xhr.open(param.type || "get", param.url, true);
    xhr.send(param.data || null);

    xhr.onreadystatechange = () => {
     var DONE = 4; // readyState 4 代表已向服务器发送请求
     var OK = 200; // status 200 代表服务器返回成功
     if(xhr.readyState === DONE){
      if(xhr.status === OK){
        resovle(JSON.parse(xhr.responseText));
      } else{
        reject(JSON.parse(xhr.responseText));
      }
     }
    }
  })
}