在項目中,經常會遇到多個相互依賴的異步請求。如有a,b,c三個ajax請求,b需要依賴a返回的數據,c又需要a和b請求返回的數據。如果采用請求嵌套請求的方式自然是不可取的。導致代碼難以維護,如何請求很多。會出現很多問題。
創(chuàng)新互聯公司成都企業(yè)網站建設服務,提供成都網站制作、成都做網站網站開發(fā),網站定制,建網站,網站搭建,網站設計,成都響應式網站建設公司,網頁設計師打造企業(yè)風格網站,提供周到的售前咨詢和貼心的售后服務。歡迎咨詢做網站需要多少錢:18980820575
Promise就是解決多個異步請求的問題。 Promise是ES6提供的一個對象,用來傳遞異步操作的消息。
Promise有三種狀態(tài):Pending(進行中)、Resolved(已完成,又稱 Fulfilled)和 Rejected(已失?。?。
直接上代碼。有a,b請求,b依賴a的請求數據。如下:
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在網上找了一個,可以看運行結果:
以上這篇promise處理多個相互依賴的異步請求(實例講解)就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持創(chuàng)新互聯。
本文標題:promise處理多個相互依賴的異步請求(實例講解)
當前路徑:http://aaarwkj.com/article4/gpiiie.html
成都網站建設公司_創(chuàng)新互聯,為您提供移動網站建設、品牌網站設計、做網站、網頁設計公司、企業(yè)建站、商城網站
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯