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

創(chuàng)新互聯(lián)公司成都企業(yè)網(wǎng)站建設(shè)服務(wù)，提供成都網(wǎng)站制作、成都做網(wǎng)站網(wǎng)站開發(fā),網(wǎng)站定制,建網(wǎng)站,網(wǎng)站搭建,網(wǎng)站設(shè)計(jì),成都響應(yīng)式網(wǎng)站建設(shè)公司,網(wǎng)頁設(shè)計(jì)師打造企業(yè)風(fēng)格網(wǎng)站,提供周到的售前咨詢和貼心的售后服務(wù)。歡迎咨詢做網(wǎng)站需要多少錢:18980820575

Promise就是解決多個(gè)異步請(qǐng)求的問題。 Promise是ES6提供的一個(gè)對(duì)象，用來傳遞異步操作的消息。

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

直接上代碼。有a,b請(qǐng)求，b依賴a的請(qǐng)求數(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)上找了一個(gè)，可以看運(yùn)行結(jié)果：

以上這篇promise處理多個(gè)相互依賴的異步請(qǐng)求(實(shí)例講解)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持創(chuàng)新互聯(lián)。