【摘要】

ES6-promise封裝AJAX請求考必過小編為大家整理了關于ES6-promise封裝AJAX請求的信息，希望可以幫助到大家！

ES6-promise封裝AJAX請求

標簽：const狀態(tài)碼setreject對象響應狀態(tài)ISErequest==

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

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

const xhr = new XMLHttpRequest();

// 2.初始化

//發(fā) GET類型的請求 給這個接口發(fā)請求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.綁定事件，處理響應結(jié)果

xhr.onreadystatechange=function(){

// 對狀態(tài)做出一個判斷

if(xhr.readyState===4){

// 判斷響應狀態(tài)碼 200-300 2系列的響應狀態(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)建對象

const xhr = new XMLHttpRequest();

// 2.初始化

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

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

// 3.發(fā)送

xhr.send();

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

xhr.onreadystatechange=function(){

// 對狀態(tài)做出一個判斷

if(xhr.readyState===4){

// 判斷響應狀態(tài)碼 200-300 2系列的響應狀態(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請求

標簽：const狀態(tài)碼setreject對象響應狀態(tài)ISErequest==

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

總結(jié)

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

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