Упорядочение Ajax-запросов

Во многих веб-приложениях часто приходится сталкиваться с необходимостью перебирать коллекцию и выдавать Ajax-запрос для каждого элемента. Хотя использование асинхронных запросов во избежание зависания браузера заманчиво, эффективное управление этими запросами может предотвратить перегрузку сервера и другие потенциальные проблемы.

jQuery 1.5

Для версий jQuery 1.5 и выше функция $. Плагин ajaxQueue() предлагает простое решение. Этот плагин использует функции $.Deferred, .queue() и $.ajax() для организации запросов Ajax и возврата обещания, которое разрешается после завершения запроса.

jQuery 1.4

Для jQuery Для пользователей версии 1.4 альтернативный подход предполагает создание «очереди» с использованием очереди анимации для пустого объекта. Этот метод гарантирует, что запросы Ajax выполняются контролируемым образом: первый запрос инициируется автоматически, если очередь еще не запущена.

Пример использования

Следующий фрагмент кода иллюстрирует, как реализовать Ajax. организация очереди с помощью плагина $.ajaxQueue(). Он перебирает список элементов и копирует каждый элемент в целевой список с помощью Ajax-запросов:

$("#items li").each(function(idx) {
  $.ajaxQueue({
    url: '/echo/html/',
    data: { html: "["   idx   "] "   $(this).html() },
    type: 'POST',
    success: function(data) {
      $("#output").append($("