Sequenciamento de solicitações Ajax

Em muitas aplicações web, é comum encontrar a necessidade de iterar por uma coleção e emitir uma solicitação Ajax para cada elemento. Embora seja tentador aproveitar solicitações assíncronas para evitar o congelamento do navegador, gerenciar essas solicitações de maneira eficaz pode evitar a sobrecarga do servidor e outros problemas potenciais.

jQuery 1.5

Para versões 1.5 e superiores do jQuery, o $. O plugin ajaxQueue() oferece uma solução simples. Este plug-in utiliza as funções $.Deferred, .queue() e $.ajax() para orquestrar solicitações Ajax e retornar uma promessa que é resolvida após a conclusão da solicitação.

jQuery 1.4

Para jQuery 1.4, uma abordagem alternativa envolve a criação de uma "fila" usando a fila de animação em um objeto vazio. Essa técnica garante que as solicitações Ajax sejam executadas de maneira controlada, com a primeira solicitação iniciada automaticamente se a fila ainda não estiver em execução.

Exemplo de uso

O trecho de código a seguir ilustra como implementar Ajax enfileiramento usando o plugin $.ajaxQueue(). Ele itera por uma lista de elementos e copia cada item para uma lista de destino por meio de solicitações Ajax:

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