多个ajax请求完成后触发回调

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，但我不知道有多少房间，所以我不知道什么时候投入。

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

Answer 1

• var activeAJAX = 0;

• 在进行AJAX调用之前， activeAJAX++;

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

Answer 2

以下是何时使用/完成

 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); }