AJAX .get 호출에 변수 할당하기

Question

StackOverflow에 대한 훌륭한 참고 자료에 따르면 $.get 요청이 완료된 후에 $.when()을 사용하여 일부 이벤트를 트리거하는 것으로 알고 있습니다.

그러나 $.get이 for 루프 안에 있다면 어떻게 될까요?

var d = Array(5); 
for (i = 0; i < 5; i++) { 
    d[0] = $.get()... 
} 

$.when(d).done(function(a){ 
... 
} 

을하지만이 작동하지 않습니다

for (i = 0; i < 5; i++) { 
    $.get()... 
} 

$.when().done(function(a){ 
} 

그래서 나는 배열에 각 변수를 할당 할 거라 생각 했어요. 제안 할 대안이 있습니까? 아니면 내가 옳은 것을하기 위해 뭔가를하고 있는가?

Answer 1

하지 끔찍한 분명 당신이 요구하는지,하지만 당신은 모든 요청을 집계 할 경우 모두 완료되면 단일 콜백을 실행하십시오. 다음과 같이하십시오.

하나 개 이상의 $.get 요청이 실패했기 때문에 해고되지

var requests = []; 
for(var i = 0;i < 5;i++) { 
    requests.push($.get(...)); 
} 

$.when.apply(null,requests).then(function() { }); 

.then 경우 요청의 배열과 $.when210

사용 apply, 그것은이다. 이것을보십시오 :

$.when 
    .apply(null,requests) 
    .then(
    function() { console.log('success'); }, 
    function() { console.log('at least one failed'); } 
); 

Answer 2

for 루프 내에 done()을 넣을 수 있습니까? 단순히

for (i = 0; i < 5; i++) { 
    $.get().when().done(function(a){ 
    ... 
    } 
} 

또는 어쩌면 더 :

for (i = 0; i < 5; i++) { 
    $.get(url, function(a){ 
     ... 
    }); 
} 

이 예에서는 'A'는 각각의 콜백 인스턴스의 고유 것이다. 의견에 따라

UPDATE : 비동기에 대한

var accumulate; //outside the loop 

for (i = 0; i < 5; i++) { 
    $.get(url, function(a){ 
     accumulate += a; 
    }); 
} 

UPDATEhttp://caolan.github.io/async/docs.html#.parallel

var myTasks = []; 
for (i = 0; i < 5; i++) { 
    myTasks.push(function(callback) 
     { 
     $.get(url, function(a){ 
      callback(null, a); 
     }); 
     } 
} 
async.parallel(myTasks, function(err, resultsArray) 
{ 
    // all done 
    // aggregate the array as you wish. 
});