【摘要】

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

ES6-promise封裝AJAX請求

標簽：const狀態碼setreject對象響應狀態ISErequest==

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

// 1.創建對象

const xhr = new XMLHttpRequest();

// 2.初始化

//發 GET類型的請求 給這個接口發請求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.發送

xhr.send();

// 4.綁定事件，處理響應結果

xhr.onreadystatechange=function(){

// 對狀態做出一個判斷

if(xhr.readyState===4){

// 判斷響應狀態碼 200-300 2系列的響應狀態碼都為成功

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.創建對象

const xhr = new XMLHttpRequest();

// 2.初始化

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

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

// 3.發送

xhr.send();

// 4.綁定事件，處理響應結果

xhr.onreadystatechange=function(){

// 對狀態做出一個判斷

if(xhr.readyState===4){

// 判斷響應狀態碼 200-300 2系列的響應狀態碼都為成功

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

// 表示成功 resolve修改promise的狀態

resolve(xhr.response);

}else{

// 如果失敗

reject(xhr.status);

}

}

}

})

// 指定回調 結構清晰

p.then(function(value){

// 如果成功打印value

console.log(value);

},function(reason){

console.log(reason);

})

ES6-promise封裝AJAX請求

標簽：const狀態碼setreject對象響應狀態ISErequest==

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。