封装ajax

31 阅读1分钟

1.创建对象

const xhr=new XMLHttpRequest();

2.初始化

xhr.open("GET","https://api.apiopen.top/get");

3.发送

xhr.send();

4.绑定事件,处理响应结果

xhr.onreadystatechange=function(){
    if(xhr.readystate===4){
        if(xhr.status>=200&&xhr.status<300){
            console.log(xhr.response);
        }else{
            console.error(xhr.status);
        }
    }
}
const p=new promise((resolve,reject)=>{
1.创建对象

const xhr=new XMLHttpRequest();

2.初始化

xhr.open("GET","https://api.apiopen.top/get");

3.发送

xhr.send();

4.绑定事件,处理响应结果


xhr.onreadystatechange=function(){
if(xhr.readystate===4){
if(xhr.status>=200&&xhr.status<300){
resolve(xhr.response);
}else{
reject(xhr.status);
}
}
}
})

p.then(function(value){
console.log(value);
},function(reason){
console.log(reason);
});