Wypalanie zwrotna po wielokrotnych żądań AJAX są kompletne

Question

loadInfo: function(){ 
    var jsonCounter = 0, 
    room = ['room1','room2','room3'], 
    dates = [], 
    prices = [] 

    $.each(booking.rooms, function(key, room_name) { 
     $.getJSON('/get_info.php?room='+room_name, function(data) { 
      dates[room_name] = data 
      jsonCounter++ 
     }) 
     $.getJSON('/get_info.php?room='+room_name+'&prices', function(data) { 
      prices[room_name] = data 
      jsonCounter++ 
     }) 

    }) 

    function checkIfReady() { 
     if (jsonCounter === rooms.length * 2) { 
      clearInterval(timer) 
      run_the_rest_of_the_app() 
     } 
    } 

    var timer = setInterval(checkIfReady, 100) 

} 

(Zmodyfikowana dużo, jak to część klasy itp itd)

W tej chwili czuje się trochę hackish, jak użycie timera wydaje śmieci. Używałbym $ .when i $ .done, ale nie wiem, ile pokoi może tam być, więc nie wiem, w co się włożyć, kiedy.

Jak zapewnić, że funkcja run_the_rest_of_the_app() zostanie wywołana tylko po otrzymaniu wszystkich żądań AJAX?

Answer 1

• var activeAJAX = 0;

• Przed dokonaniem wywołanie AJAX, activeAJAX++;

• Po zakończeniu wywołanie AJAX (w zwrotnego): if (--activeAJAX == 0) { allDone(); }

Answer 2

Oto jak korzystać podczas/done

loadInfo: function(){ 
    var room = ['room1','room2','room3'], 
    dates = [], 
    prices = [], 
    requests = []; 

    $.each(booking.rooms, function(key, room_name) { 
     var aRequest; 

     aRequest = $.getJSON('/get_info.php?room='+room_name, function(data) { 
      dates[room_name] = data; 
     }); 
     requests.push(aRequest); 

     aRequest = $.getJSON('/get_info.php?room='+room_name+'&prices', function(data) { 
      prices[room_name] = data; 
     }); 
     requests.push(aRequest); 

    }) 

    $.when.apply($, requests).done(run_the_rest_of_the_app); 
}