jQuery $ .each ($ .ajax가 있음)가 끝나면 함수를 실행하십시오.

Question

페이지에 여러 요소 (2에서 20까지)가 있으므로 $가있는 $ .each를 실행해야합니다. 아약스 내부에 전화 해. 모두 비동기로 발생하고이 $ .ajax 호출이 모두 끝나면 프로그램을 계속 진행해야합니다 ...

이 작업을 수행하는 가장 좋은 방법은 무엇입니까?

$. 모두 동기화되어 있지만 $ .ajax를 실행하면 비동기가됩니다. 고정 된 번호의 아약스 호출이 없으므로 $ .when 및 $ .done을 사용하는 것이 어렵다고 생각됩니다.

?

Answer 1

스토어 당신의 array에 jqXhr Objects 및 $.when의 매개 변수로 배열을 사용하는 function.prototype.apply()를 사용하여 jQuery.when를 호출합니다.

var deferreds = []; 
for (i = 0; i < 10; i++) { 
    var jqxhr = $.ajax({ 
    //ajax options 
    }); 
    deferreds.push(jqxhr); 
} 

$.when.apply(this, deferreds).done(function(){ 
    //This will wait for all ajax requests to finish before running 

    console.log(arguments); //arguments will contain the results of ajax requests 
    //... 
});