Die Sache: Ich habe eine Seite, die eine unbestimmte Anzahl von Bildern anzeigen muss, die durch AJAX (unter Verwendung der Base64-Codierung auf der Serverseite) nacheinander geladen wird.

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 besteht darin, dass Bilder (die mit der Funktion renderImageData () erstellt wurden) nur dann an den bestimmten DIV angehängt werden (alle zusammen), wenn alle Bilder abgerufen wurden. Ich meine, es ist keine DOM-Manipulation möglich, bis die Schleife beendet ist.

Ich muss Bilder einzeln laden und anzeigen, da möglicherweise sehr viele Bilder vorhanden sind. Daher kann ich sie erst stapeln, wenn alle Bilder abgerufen werden.