首頁 > web前端 > js教程 > 主體

promise完成多個相互依賴的非同步請求的處理實例

巴扎黑
發布: 2018-05-24 13:45:51
原創
3493 人瀏覽過

下面小編就為大家帶來一篇promise處理多個相互依賴的非同步請求(實例講解)。小編覺得蠻不錯的,現在就分享給大家,也給大家做個參考。一起跟著小編過來看看吧

在專案中,常常會遇到多個相互依賴的非同步請求。如有a,b,c三個ajax請求,b需要依賴a回傳的數據,c又需要a和b請求回傳的數據。如果採用請求嵌套請求的方式自然是不可取的。導致程式碼難以維護,如何請求很多。會出現很多問題。

Promise就是解決多個非同步請求的問題。 Promise是ES6提供的一個對象,用來傳遞非同步操作的訊息。

Promise有三種狀態: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完成多個相互依賴的非同步請求的處理實例的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板