While-Schleife mit async jQuery AJAX-Aufrufe

Der Sache:
Ich habe eine Seite, die zur Anzeige unbestimmten Anzahl von Bildern, die durch AJAX geladen (mithilfe der base64-Codierung, die auf der server-Seite) eins nach dem anderen.

var position = 'front';
while(GLOB_PROCEED_FETCH)
{
    getImageRequest(position);
}

function getImageRequest(position)
{
    GLOB_IMG_CURR++;
$.ajax({
        url: urlAJAX + 'scan=' + position,
        method: 'GET',
        async: false,
        success: function(data) {
            if ((data.status == 'empty') || (GLOB_IMG_CURR > GLOB_IMG_MAX))
            {
                GLOB_PROCEED_FETCH = false;
                return true;
            }
            else if (data.status == 'success')
            {
                renderImageData(data);
            }
        }
    });
}

Das problem ist, dass die Bilder (konstruiert mit der renderImageData () - Funktion) sind beigefügt (alle zusammen) zu den bestimmten DIV nur, wenn alle Bilder heruntergeladen werden sollen. Ich meine, es gibt keine jede DOM-manipulation möglich, bis die Schleife vorbei ist.

Muss ich laden und anzeigen Bilder eins nach dem anderen aufgrund der möglichen großen Anzahl von Bildern, so kann ich nicht stapeln Sie Sie, bis Sie alle geholt werden.

Sie starten eine Anfrage in der while-Schleife und dieser Wunsch beginnt eine weitere Anforderung, wenn data.status == 'success' ist und insbesondere kein Antrag, wenn Sie die Einstellung GLOB_PROCEED_FETCH = false was die Bedingung der while-Schleife. Also, was ist der Grund für die while-Schleife überhaupt?
Behoben, dass der ursprüngliche code

InformationsquelleAutor Aleksandr Shumilov | 2013-10-12

28

Ihre beste Wette wäre, um die Umstrukturierung der Programmcode für die Verwendung der asynchronen ajax-Aufrufe und starten Sie den nächsten Anruf, wenn die erste abgeschlossen ist und so weiter. Damit wird die Seite wieder zwischen Bild holt.

Damit bekommt auch der browser eine chance zu atmen und achten Sie auf die anderen Zimmerreinigung und nicht denken, dass es vielleicht eingesperrt oder aufgehängt.

Und verwenden Sie async: 'false' ist eine schlechte Idee. Ich sehe keinen Grund, warum Sie richtig strukturiert code nicht nutzen konnten, asynchrone ajax-Aufrufe hier und hängen Sie den browser, während Sie das abrufen dieser Daten.

Könnte man es machen, mit asynchronen ajax so:
```
function getAllImages(position, maxImages) {
    var imgCount = 0;

    function getNextImage() {
        $.ajax({
            url: urlAJAX + 'scan=' + position,
            method: 'GET',
            async: true,
            success: function(data) {
                if (data.status == "success" && imgCount <= maxImages) {
                    ++imgCount;
                    renderImageData(data);
                    getNextImage();
                }
            }
        });
    }
    getNextImage();
}

//no while loop is needed
//just call getAllImages() and pass it the 
//position and the maxImages you want to retrieve
getAllImages('front', 20);
```
Auch, während wie diese Aussehen kann Rekursion, es ist nicht wirklich die Rekursion wegen der asynchronen Natur von den ajax-call. getNextImage() tatsächlich abgeschlossen hat, bevor die nächste aufgerufen wird, so dass es nicht technisch Rekursion.
- while(GLOB_PROCEED_FETCH) { setTimeout(getImageRequest(position), 1); } - du meinst, zu tun, die Anfragen in der Schleife, ohne rekursiven Aufruf in "Erfolg" handler?
- Ich habe ein code Beispiel für die Verwendung von asynchronen AJAX, das ist viel besser.
- Ich kann nicht den "async: true,", weil die Anzahl der gewünschten AJAX-calls wird auf unbestimmte Zeit geschlossen - wenn ich "async: true,", produziert es riesige Anzahl von AJAX-Aufrufe am Anfang, während GLOB_PROCEED_FETCH ist nicht festgelegt.
- bitte schauen Sie auf mein code-Beispiel. Es wird nicht in der while-Schleife. Es bringt den nächsten ajax-Aufruf, wenn das Vorherige erfolgreich ist und Stoppt, wenn Sie zuvor die max-Bilder oder nicht, um Erfolg zu haben. Es kann mit async: true.
- Vielen Dank! Es gibt noch ein problem - wir können die Begrenzung der Anrufe - GLOB_IMG_MAX ist extreme Wert, es wird kaum jemals erreicht. Wenn wir die fahne, GLOB_PROCEED_FETCH, es wird nicht funktionieren - wenn der server antwortet "Keine Bilder linken", haben wir eine Menge AJAX-Aufrufe schon gemacht.
- haben Sie Optimus' Antwort? Er Tat auch etwas für Sie
- Ja, es hat funktioniert.
- bitte jemand erklären, warum dies nicht zu einem memory-leak. Nicht der erste Rückruf bleiben im Speicher, während die zweite führt, dann werden die beiden für das Dritte und so weiter? Vielleicht gibt es etwas, was ich bin nicht immer darüber, wie Rückrufe, auf die verwiesen werden...
- Jeder Funktionsaufruf zu getNextImage() schafft ein Ausführungskontext, der für diese Funktion. Dass Ausführungskontext bleiben im Speicher, solange alles läuft, das erreichen des ausführungskontexts. Das heißt, es bleiben im Speicher, bis die success handler wird ausgeführt, auf die insbesondere ajax-Aufruf gestartet wurde innerhalb dieses Kontextes Ausführung. Aber, sobald die ajax-Aufruf beendet ist, gibt es nichts Links, Verweise zu, dass die Ausführung Kontext, so wird es für die garbage collection freigegeben und damit ist nicht Leck.
- Auch relevant für dieses Problem ist, dass getNextImage() läuft, startet die ajax-Aufrufs, und beendet die Ausführung aller in einem schnellen moment. Die ajax - success - handler aufgerufen wird einige Zeit SPÄTER nach, dass der Aufruf von getNextImage() bereits abgeschlossen hat. Also, wenn der nächste Aufruf von getNextImage() wird aufgerufen, aus dem success handler, es wird kein stack-frame-build-up als der Stapel bereits unwound aus dem vorherigen Aufruf zum getNextImage() schlichten Ausführung - diese ist nicht wirklich klassische Rekursion. Es ist also kein Speicherverlust oder bauen Sie sich mit diesem Konstrukt.
- danke, ich denke ich bekomme es jetzt - jeden zurück gerufen Instanz getNextImage() läuft sofort nach Rückruf bei dem Punkt, dass die Referenz nicht mehr benötigt, so gibt es keine Rekursion stapeln sich hier
- das ist richtig.
InformationsquelleAutor jfriend00
-2

Falsch und falsch. Nicht user-Timern, nicht mit Verkettung. Blick auf jQuery Deferred /Wann, es hat alles, was Sie brauchen.
```
var imgara = [];
for (image in imglist) {
  imgara[] = ajax call
}
$.when.apply($, imgara).done(function() {
  //do something
}).fail(function() {
  //do something else
});
```
- Wenn Sie Lesen der OP-Frage vorsichtig, dies ist NICHT, wie zu lösen, die OP ' s Frage. Sie sagen: ich brauche zum laden und anzeigen von Bildern einzeln aufgrund der möglichen großen Anzahl von Bildern, so kann ich nicht stapeln Sie Sie, bis Sie alle geholt werden.. Der OP will auch Bilder Anhängen, um, wie Sie abgerufen werden (nicht warten, bis alles fertig ist und Anhängen in Ordnung). Dein Vorschlag bedeutet nicht die Erfüllung aller dieser Anforderungen.
- Eigentlich, wenn Sie lernen, wie Sie das latente richtig ist, können Sie genau das tun, was der OP beschrieben, und behandeln Sie jedes Bild, wie Sie abgerufen werden. Ich denke, Sie müssen eine timer-Schriftsteller, in der Hoffnung, dass die 5 Sekunden pro Bild geschätzt werden niemals scheitern. Der code oben war keine Antwort, weil ich nicht beantworten "givz mir die codez" Fragen, es war ein Beispiel zu zeigen, ihn in die richtige Richtung.
- Chris ist das problem mit dieser Website.
InformationsquelleAutor Chris Caviness
-3

Versuchen Sie es mit setInterval() Funktion statt while().
```
var fetch = setInterval(loadImage, 2000);

function loadImage(){
    position= new position; //Change variable position here.
    getImageRequest(position);
    if(!GLOB_PROCEED_FETCH){
          clearInterval(fetch);
    }
}
```
- Wie wird dies jemals aufhören? Es wird ewig so weitergehen. Es nicht beachten der Stopp-Bedingung der OP-code hat. Auch, wenn Sie die Verwendung von asynchronen ajax (die nicht den lock-up den browser), es gibt keinen Grund, einen timer zu verwenden entweder.
- Schöne Beobachtung. Mit dem clearInterval, als nun Hinzugefügt. Danke.
- Danke!!! Es funktioniert, aber irgendwie ist es immer noch rendert Bilder seltsam - es macht Sie, indem Sie Gruppen von zwei oder drei Bildern. Ich meine, ganz am Anfang werden ALLE Bilder gerendert wurden, ganz zum Schluss, jetzt sind Sie gerendert, die durch Sätze von Zufallszahlen.
- Erhöhen Sie das Intervall Ihren browser mehr Zeit, um zu atmen. Aber ich glaube nicht, wodurch Sie durch Sätze von Zufallszahlen wäre kein problem, sein feines, richtig?
- Nochmals vielen Dank! Eigentlich ja, soweit es kein problem mit der Logik
InformationsquelleAutor Optimus Prime

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.