promise處理多個相互依賴的異步請求(實例講解)

在項目中，經(jīng)常會遇到多個相互依賴的異步請求。如有a,b,c三個ajax請求，b需要依賴a返回的數(shù)據(jù)，c又需要a和b請求返回的數(shù)據(jù)。如果采用請求嵌套請求的方式自然是不可取的。導(dǎo)致代碼難以維護(hù)，如何請求很多。會出現(xiàn)很多問題。

Promise就是解決多個異步請求的問題。 Promise是ES6提供的一個對象，用來傳遞異步操作的消息。

Promise有三種狀態(tài)：Pending（進(jìn)行中）、Resolved（已完成，又稱 Fulfilled）和 Rejected（已失?。?/p>

直接上代碼。有a,b請求，b依賴a的請求數(shù)據(jù)。如下：

function a(){
 return new Promise(function(res,rej){
 $.ajax({
 url:"a",
 type: "GET",
 async:true,
 dataType:"json",
 success:function(data){
 console.log(data,"a");
 res(data);
 }
 })
 });
 }
 function b(data){
 console.log(data,"data");
 return new Promise(function(res,rej){
 $.ajax({
 url:"b",
 type: "POST",
 async:true,
 data:JSON.stringify(data),
 dataType:"json",
 success:function(data){
 console.log(data,"b");
 res();
 }
 })
 });
 }
 $("#btn").click(function(){
 a().then(function (data){
 b(data);
 }).then(function(){
 })
 })

接口url在網(wǎng)上找了一個，可以看運行結(jié)果：

以上這篇promise處理多個相互依賴的異步請求(實例講解)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com