触发回调完成

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) 

} 

（修改了很多，因为它是一个类等等等等的一部分）

这感觉有点hackish的那一刻，作为定时器的使用似乎垃圾。我会使用$ .when和$ .done，但我不知道可能有多少个房间，所以我不知道该在什么时候放入。

如何确保run_the_rest_of_the_app（）仅在所有AJAX请求返回后才被调用？

Answer 1

• var activeAJAX = 0;

• 使得AJAX调用之前，activeAJAX++;

• 完成一个AJAX调用（回调）后：if (--activeAJAX == 0) { allDone(); }

Answer 2

这里是如何使用的时候/ 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); 
}