Sequentielle Funktionsaufrufe in javascript

OK, es ist immer ein wenig klarer, was Sie eigentlich wollen (basierend auf Ihren letzten Kommentare zu Anschrift, Klärung von Fragen) aber es gibt noch mindestens zwei Optionen offen.

Für eine operation wie diese, werden Sie wahrscheinlich wollen, um die Vorteile einer Reihe von Versprechen features:

1. die jQuery-Ajax-calls bereits zurück ein Versprechen, so kann man einfach verwenden, die direkt
2. Zu serialisieren Operationen, können Sie einfach eine Kette mehrere Versprechen Operationen zusammen
3. Um asynchrone Operationen zu serialisieren richtig, kannst du ein Versprechen von einem .then() handler und der master-Versprechen löst sich nur, wenn alle angekettet verspricht aufgelöst haben (so eine Art built-in $.when() die zimmerreserviereung, ohne das explizit zu nennen $.when()).
4. Sie können Kette mit vielen Operationen zusammen, wie Sie möchten und die master-Versprechen wird Ihnen sagen, Wann Sie fertig sind.
5. Wenn Sie zurückkehren, verspricht von beiden A() und B(), dann wird der Anrufer diese Funktionen können Sie überwachen, wenn Sie fertig sind mit dem Versprechen Methoden, die dann können Sie die Kette A().then(B) um die Sequenz von beiden.
6. Wenn Sie die Sequenz-Operationen mit Verkettung, die vor Methoden lösen, die Daten an die nächste übergeben wird .then() - handler-Funktion in der Kette als erstes argument an die .then() - handler-Funktion, so, wenn Sie die Vorherige Daten für die nächste operation, es ist richtig, es zu verwenden.

So, mit all diesen Funktionen, es geht nur noch darum, die richtige Gerüst, um den code zu implementieren, die genaue Sequenzierung, die Sie wollen. Hier sind zwei verschiedene Möglichkeiten:

Option 1: Wenn Sie serialisieren möchten alles in A() so, dass alle 10 Anfragen geschehen in serial Mode (next geht man nur, wenn der vor einem fertig ist), dann könnte es so Aussehen:

//serialize all requests
function A() {
    var p = $.get(url).then(function(data) {return $.post(url)});
    for (var i = 1; i < 5; i++) {
        //chain four more pairs of requests onto the original promise
        p = p.then(function() {return $.get(url)})
             .then(function(data) {return $.post(url)});
    }
    //return the promise so callers can monitor when A() is done
    return p;
}


function B() {
    //sequence these three operations one after the other
    return ($.get(url)
       .then(function(data) {return $.post(url + x)})
       .then(update_dropdown)
    );
}

//run them both, one after the other
A().then(B);

Option 2: Wenn Sie möchten, dass die 5 Paare von Anfragen in A() parallel laufen, mit nur den letzten Teil A() warten, bis die 5 Paare des requests fertig sind, dann könnte es so Aussehen:

//parallelize pairs of requests
function A() {
    var promises = [];
    for (var i = 0; i < 5; i++) {
        //execute 5 pairs of requests where each pair is serialized in itself
        promises.push($.get(url).then(function(data) {return $.post(url)}));
    }
    //return a promise that resolves only when all the other promises are done
    return $.when.apply($, promises);
}

function B() {
    //sequence these three operations one after the other
    return ($.get(url)
       .then(function(data) {return $.post(url + x)})
       .then(update_dropdown)
    );
}

//run them both, one after the other
A().then(B);

Diese verwenden das Konzept, dass, wenn Sie zurückkehren, ein Versprechen von einem .then() - handler-Funktion, dann wird es eine Kette mehrere asynchrone Operationen zusammen, und die master-Versprechen ist nur gelöst, wenn alle die verkettete Operationen aufgelöst werden. Dies ist sehr mächtig für die Sequenzierung mehrere ajax-Operationen, und Sie können sogar tun Sie es für Operationen in einer Schleife, wie Sie haben.

Annahmen Annahmen ...

Lassen Sie uns davon ausgehen, dass :

• die url für jeden get ist die gleiche wie die für die entsprechende post
• die urls für jede get-post-pair-Mädchen sollte je
• die fünf get-post-Paare, die in Einem auftreten können parallel und wir sind nicht daran interessiert, in der die zurückgegebenen Daten

Erste, eine utility-Funktion :

function getThenPost(url, appendToURL) {
    return $.get(url).then(function(x) {
        return (appendToURL) ? $.post(url + x) : $.post(url);
    });
}

dann A und B, die beide rufen das Dienstprogramm :

function A(urls) {
    return $.when.apply(null, urls.map(function(url) {
        return getThenPost(url, false);
    }));
}
function B(url) {
    return getThenPost(url, true);
}

und schließlich ein Ausdruck, der nennt A und B :

A(['/path/0', '/path/1', '/path/2', '/path/3', '/path/4']).then(function() {
    B('/path/5');
}).then(update_dropdown);

Sollte es einigermaßen einfach zu passen Sie diesen code, wenn die Annahmen 1 und 2 sind falsch.

Wenn Annahme 3 ist falsch, dann wird mehr erfordern umfangreiche änderungen.

Javascript ohne zusätzliche Arbeit ist single threaded. das bedeutet, Funktionen können nicht gleichzeitig ausgeführt werden. aber das problem ist, dass die $.get() und $.post () - Aufrufe asynchron sind. das bedeutet, dass Sie immer dann ausgeführt, wenn die angeforderten Daten kommt Ihr Kunde. (first come first serve)

eine Lösung wäre, um auszuführen, Funktion B, nachdem alle Ergebnisse, ob Eine angekommen ist, oder zurück zu halten alle Ergebnisse und behandeln alle Daten auf einmal, dann laufen update_dropdown().