promise處理多個相互依賴的非同步請求(執行個體講解)，promise執行個體講解

promise處理多個相互依賴的非同步請求(執行個體講解)，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處理多個相互依賴的非同步請求(執行個體講解)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援幫客之家。