Sequenzierung von Ajax-Anfragen

In vielen Webanwendungen kommt es häufig vor, dass eine Sammlung durchlaufen und für jedes Element eine Ajax-Anfrage ausgegeben werden muss. Auch wenn es verlockend ist, asynchrone Anfragen zu nutzen, um ein Einfrieren des Browsers zu verhindern, kann eine effektive Verwaltung dieser Anfragen eine Serverüberlastung und andere potenzielle Probleme verhindern.

jQuery 1.5

Für jQuery-Versionen 1.5 und höher gilt das $. Das Plugin ajaxQueue() bietet eine unkomplizierte Lösung. Dieses Plugin nutzt die Funktionen $.Deferred, .queue() und $.ajax(), um Ajax-Anfragen zu orchestrieren und ein Versprechen zurückzugeben, das nach Abschluss der Anfrage aufgelöst wird.

jQuery 1.4

Für jQuery Für Benutzer von 1.4 besteht ein alternativer Ansatz darin, eine „Warteschlange“ mithilfe der Animationswarteschlange für ein leeres Objekt zu erstellen. Diese Technik stellt sicher, dass Ajax-Anfragen auf kontrollierte Weise ausgeführt werden, wobei die erste Anfrage automatisch initiiert wird, wenn die Warteschlange nicht bereits läuft.

Verwendungsbeispiel

Der folgende Codeausschnitt veranschaulicht, wie Ajax implementiert wird Warteschlangen mit dem Plugin $.ajaxQueue(). Es durchläuft eine Liste von Elementen und kopiert jedes Element über Ajax-Anfragen in eine Zielliste:

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