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 는 서로 의존 하 는 여러 개의 비동기 요청(인 스 턴 스 설명)을 처리 하 는 것 이 바로 편집장 이 여러분 에 게 공유 하 는 모든 내용 입 니 다.참고 하 시기 바 랍 니 다.여러분 들 도 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기