Дождитесь завершения вызова AJAX (POST)

Я использую вкладки пользовательского интерфейса jQuery, где каждая вкладка имеет разную форму. После того, как пользователь вводит различные фрагменты данных, он отправляет весь набор вкладок, чтобы каждая вкладка отправлялась на сервер асинхронно. Это работает хорошо, и здесь у меня нет проблем.

Однако, где я столкнулся с проблемой, так это то, что последняя форма, которую я отправляю, должна появиться ПОСЛЕ завершения всех остальных сообщений. Общая идея такая:

postForm(0, "#Form1");
postForm(1, "#Form2");
postForm(2, "#Form3");
postForm(3, "#Form4");
$.post('Project/SaveProject', function (data) {
    $('<div class="save-alert">The current project has been saved.</div>')
    .insertAfter($('#tabs'))
    .fadeIn('slow')
    .animate({ opacity: 1.0 }, 3000)
    .fadeOut('slow', function () {
        $(this).remove();
    });
});

Функция postForm выполняет небольшую обработку, а затем выполняет вызов AJAX $ .post. Последний выполненный здесь $ .post (в 'Project / SaveProject') должен дождаться завершения остальных сообщений. Как лучше всего это сделать?

9
задан JasCav 14 September 2010 в 21:22
поделиться