Запуск обратного вызова после выполнения нескольких запросов AJAX
<code>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) } </code>
(Изменено много, так как это часть класса и т. Д. И т. Д.)
На данный момент это выглядит немного хакерским, поскольку использование таймера кажется мусором. Я бы использовал $ .when и $ .done, но я не знаю, сколько там может быть комнат, поэтому я не знаю, куда и во что положить.
Как я могу гарантировать, что run_the_rest_of_the_app () вызывается только после того, как все запросы AJAX возвращаются?