【摘要】

ES6-promise封裝AJAX請(qǐng)求考必過(guò)小編為大家整理了關(guān)于ES6-promise封裝AJAX請(qǐng)求的信息，希望可以幫助到大家！

ES6-promise封裝AJAX請(qǐng)求

標(biāo)簽：const狀態(tài)碼setreject對(duì)象響應(yīng)狀態(tài)ISErequest==

// 接口地址:https://api.apiopen.top/getJoke

// 1.創(chuàng)建對(duì)象

const xhr = new XMLHttpRequest();

// 2.初始化

//發(fā) GET類型的請(qǐng)求 給這個(gè)接口發(fā)請(qǐng)求https://api.apiopen.top/getJoke

// xhr.open("GET","https://api.apiopen.top/getJoke");表示成功

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

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

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

// 3.發(fā)送

xhr.send();

// 4.綁定事件，處理響應(yīng)結(jié)果

xhr.onreadystatechange=function(){

// 對(duì)狀態(tài)做出一個(gè)判斷

if(xhr.readyState===4){

// 判斷響應(yīng)狀態(tài)碼 200-300 2系列的響應(yīng)狀態(tài)碼都為成功

if(xhr.status >= 200 && xhr.status <= 300){

// 表示成功

console.log(xhr.response);

}else{

// 如果失敗

console.error(xhr.status);

}

}

}

// 接口地址:https://api.apiopen.top/getJoke

const p = new Promise((resolve,reject)=>{

// 1.創(chuàng)建對(duì)象

const xhr = new XMLHttpRequest();

// 2.初始化

//發(fā) GET類型的請(qǐng)求 給這個(gè)接口發(fā)請(qǐng)求https://api.apiopen.top/getJoke

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

// 3.發(fā)送

xhr.send();

// 4.綁定事件，處理響應(yīng)結(jié)果

xhr.onreadystatechange=function(){

// 對(duì)狀態(tài)做出一個(gè)判斷

if(xhr.readyState===4){

// 判斷響應(yīng)狀態(tài)碼 200-300 2系列的響應(yīng)狀態(tài)碼都為成功

if(xhr.status >= 200 && xhr.status <= 300){

// 表示成功 resolve修改promise的狀態(tài)

resolve(xhr.response);

}else{

// 如果失敗

reject(xhr.status);

}

}

}

})

// 指定回調(diào) 結(jié)構(gòu)清晰

p.then(function(value){

// 如果成功打印value

console.log(value);

},function(reason){

console.log(reason);

})

ES6-promise封裝AJAX請(qǐng)求

標(biāo)簽：const狀態(tài)碼setreject對(duì)象響應(yīng)狀態(tài)ISErequest==

以上就是ES6-promise封裝AJAX請(qǐng)求的內(nèi)容，更多資訊請(qǐng)及時(shí)關(guān)注考必過(guò)網(wǎng)站，最新消息小編會(huì)第一時(shí)間發(fā)布，大家考試加油！

總結(jié)

以上是生活随笔為你收集整理的用promise封装ajax_ES6-promise封装AJAX请求的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。