jqury 여러 Ajax 병행 해결

1898 단어
여러 개의 Ajax 를 해결 하고 동시에 실행 합 니 다.
더 많은 전단 정 보 는 블 로그 에 관심 을 가 질 수 있 습 니 다.http://www.colbrus.com
     보통 페이지 로 딩 시간 을 줄 이기 위해 핵심 내용 을 표시 하고 처리 합 니 다. 페이지 로 딩 이 끝 난 후에 ajax 를 보 내 다른 데 이 터 를 가 져 오 라 고 요청 합 니 다. 이 때 여러 개의 ajax 요청 이 발생 할 수 있 습 니 다. 사용자 체험 을 위해 병행 요청 을 보 내 는 것 이 좋 습 니 다. 이 로 인해 병발 문제 가 발생 했 습 니 다. 어떻게 처리 해 야 합 니까?
직렬         비 즈 니스 논리 와 사용자 체험 이 허용 되 는 경우 직렬 로 바 꾸 어 처리 하 는 것 이 가장 간단 하 다.
function async1(){
//do sth...
async2();
}
function async2(){
//do sth...
}
async1();

         이 방법 은 여러 개의 인터페이스 에서 실 수 를 해결 할 수 있 을 뿐만 아니 라 같은 인 터 페 이 스 를 여러 번 실 행 했 을 때 발생 하 는 문 제 를 해결 할 수 있다. 다음 과 같다.
var a=0;
function async1(a){
    //do sth...
}
a++;  //    
success(){   //       
     if(a

2. 반전 계수
function async1(){
//do sth...
callback();
}
function async2(){
//do sth...
callback();
}
function callback(){
cnt++;
if(2==cnt) console.log('      ');
}

3. 순환 비 차단
function async1(){
  //do sth...
  cnt++;
}
function async2(){
  //do sth...
  cnt++;
}
var interval = setInterval(function(){
   if(2===cnt){
      console.log('     ');
      clearInterval(interval)
   }
};

       이 방법 은 시간 간격 트리거 를 사용 하여 CPU 를 많이 차지 하 므 로 4, jquery 처리 방법 을 고려 하 는 것 을 권장 합 니 다.       jquery 의 지연 처리 방법 을 사용 합 니 다. 각각 ajax 요청 이 완료 되면 해당 하 는 Deferred 를 완료 상태 로 설정 한 다음 jquery 로 모든 완료 후 후속 처 리 를 진행 합 니 다.
var d1 = $.Deferred();
var d2 = $.Deferred();

function async1(){
   d1.resolve( "Fish" );
}

function async2(){
   d2.resolve( "Pizza" );
}

$.when( d1, d2 ).done(function ( v1, v2 ) {
   console.log( v1 + v2 + '   ');
});

다른: ajax 시 비동기 요청 이 막 히 지 않 습 니 다.
$.when($.ajax, $ajax).done(function() { balabala })

주: 만약 상술 한 것 이 잘못 되 었 다 면, 적극적으로 잘못 을 지적 해 주시 기 바 랍 니 다. 감사합니다!
bash 명령 처리 12 단계 [zt]
mitmproxy를 개인 방화벽으로 사용

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage