创建一个自定义列表
原生写法
//1.创建对象
const xhr = new XMLHttpRequest();
//2.初始化
xhr.open('get',"接口地址");
//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',"接口地址");
//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.error(xhr.status) //表示失败
}
}
})
//指定回调
p.then((value)=>{console.log(value)},
(reson)=>{console.error(reson)})