Secuenciación de solicitudes Ajax

En muchas aplicaciones web, es común encontrarse con la necesidad de iterar a través de una colección y emitir una solicitud Ajax para cada elemento. Si bien es tentador aprovechar las solicitudes asincrónicas para evitar la congelación del navegador, administrar estas solicitudes de manera eficaz puede evitar la sobrecarga del servidor y otros problemas potenciales.

jQuery 1.5

Para las versiones 1.5 y superiores de jQuery, el código $. El complemento ajaxQueue() ofrece una solución sencilla. Este complemento utiliza las funciones $.Deferred, .queue() y $.ajax() para orquestar solicitudes Ajax y devolver una promesa que se resuelve al completar la solicitud.

jQuery 1.4

Para jQuery 1.4 usuarios, un enfoque alternativo implica crear una "cola" usando la cola de animación en un objeto vacío. Esta técnica garantiza que las solicitudes de Ajax se ejecuten de manera controlada, con la primera solicitud iniciada automáticamente si la cola aún no se está ejecutando.

Ejemplo de uso

El siguiente fragmento de código ilustra cómo implementar Ajax hacer cola usando el complemento $.ajaxQueue(). Itera a través de una lista de elementos y copia cada elemento en una lista de destino mediante solicitudes Ajax:

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