Ожидание на нескольких асинхронных вызовах для завершения перед продолжением

Так, у меня есть страница, которая загружается, и через jquery.get выполняет несколько запросов для заполнения холмов отбрасывания с их значениями.

$(function() {
    LoadCategories($('#Category'));
    LoadPositions($('#Position'));
    LoadDepartments($('#Department'));

    LoadContact();
};

Это затем называет LoadContact (); Который делает другой вызов, и когда он возвращается, он заполняет все поля на форме. Проблема состоит в том, что часто, раскрытие все не заполняется, и таким образом, оно не может установить их на правильное значение.

То, что я должен смочь сделать, так или иначе имеют LoadContact, только выполняются, после того как другие методы завершены и обратные вызовы, сделанные, выполняясь.

Но, я не хочу должным быть помещать набор флагов в конце выпадающих обратных вызовов населения, которые я затем проверяю и должен иметь рекурсивную проверку вызова метода setTimeout до вызова LoadContact ();

Есть ли что-то в jQuery, который позволяет мне говорить, "Выполните это, когда все они сделаны".?

Больше Информации я думаю что-то вдоль этих строк

$().executeAfter(
    function () {   // When these are done
        LoadCategories($('#Category'));
        LoadPositions($('#Position'));
        LoadDepartments($('#Department'));
    },
    LoadContact // Do this
);

... это должно было бы отслеживать вызовы ajax, которые происходят во время осуществления методов, и когда они все завершены, назовите LoadContact;

Если бы я знал, как прервать ajax, которые делаются в той функции, я мог, вероятно, записать расширение jQuery, чтобы сделать это.

Мое решение

;(function($) {
    $.fn.executeAfter = function(methods, callback) {

        var stack = [];

        var trackAjaxSend = function(event, XMLHttpRequest, ajaxOptions) {
            var url = ajaxOptions.url;

            stack.push(url);
        }

        var trackAjaxComplete = function(event, XMLHttpRequest, ajaxOptions) {
            var url = ajaxOptions.url;

            var index = jQuery.inArray(url, stack);

            if (index >= 0) {
                stack.splice(index, 1);
            }

            if (stack.length == 0) {
                callback();
                $this.unbind("ajaxComplete");
            }
        }

        var $this = $(this);

        $this.ajaxSend(trackAjaxSend)
        $this.ajaxComplete(trackAjaxComplete)

        methods();
        $this.unbind("ajaxSend");
    };
})(jQuery);

Это связывает с ajaxSend событием, в то время как методы называют, и сохраняет список URL (нуждайтесь в лучшем уникальном идентификаторе хотя), которые называют. Это затем развязывает от ajaxSend поэтому только запросы, о которых мы заботимся, прослежены. Это также связывает с ajaxComplete и удаляет объекты из стека, когда они возвращаются. Когда стек достигает нуля, он выполняет наш обратный вызов и развязывает ajaxComplete событие.