Запуск обратного вызова после завершения нескольких запросов 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)

}

(много изменений , так как это часть класса и т. д. и т. д.)

На данный момент это кажется немного хакерским, так как использование таймера кажется ерундой Я бы использовал $.when и $.done, но я не знаю, сколько комнат может быть, поэтому я не знаю, что и когда вводить.

Как мне убедиться, что run_the_rest_of_the_app() вызывается только после того, как все запросы AJAX возвращаются?

9
задан Rich Bradshaw 9 April 2012 в 15:26
поделиться