使用promise封装三种请求方法

1、promise 封装原生AJAX

    let request = function (url,type="GET",data="") { 
        return new Promise((resolve,reject)=>{
            var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : ActiveXObject("microsoft.XMLHttp")
        xhr.open(type,url,true);
        xhr.send();
        xhr.onreadystatechange = () =>{
            if(xhr.readyState == 4){
                if(xhr.status == 200){
                    resolve(JSON.parse(xhr.response))
                }
            }
        }    
        })
     }

2、promise 封装原生$.ajax()

 let request = function (url,type="GET",data="") { 
        return new Promise((resolve,reject)=>{
            $.ajax({
                url,
                type,
                data,
                success(res){
                    resolve(res)
                },
                error(res){
                    reject(res)
                }
            })
        })
     }

2、promise 封装原生fetch

return new Promise(function (resolve, reject) {  
      fetch(url, {  
            method: 'GET',  
            headers: headers,  
          })  
          .then((response) => {  
              if (response.ok) {  
                  return response.json();  
              } else {  
                  reject({status:response.status})  
              }  
          })  
          .then((response) => {  
              resolve(response);  
          })  
          .catch((err)=> {  
            reject({status:-1});  
          })  
    })