Wie kann ich variable Rückgabewerte von asynchronen AJAX-Aufrufen korrekt verarbeiten?

Asynchrone AJAX-Aufrufe und variable Rückgabewerte

Bei der Verwendung von AJAX zum Ausführen asynchroner Anforderungen ist es wichtig zu verstehen, wie variable Rückgabewerte funktionieren. Im beschriebenen Szenario führt eine Funktion in einer separaten JavaScript-Datei einen AJAX-Aufruf durch, aber der zurückgegebene Wert wird nicht korrekt festgelegt.

Problembeschreibung

Die Funktion get_data in einer separaten JavaScript-Datei führt eine AJAX-Anfrage aus und zielt darauf ab, die vom Server empfangenen Daten zurückzugeben. Dieser Ansatz funktioniert jedoch nicht, da der AJAX-Aufruf asynchron ist.

Erklärung

Asynchrone AJAX-Aufrufe warten nicht auf die Rückgabe der Antwort, bevor sie mit der Ausführung fortfahren der aufrufenden Funktion. In diesem Fall kehrt die Funktion get_data zurück, bevor die AJAX-Anfrage abgeschlossen ist, was zu einer leeren Testvariablen führt.

Lösung

Um dieses Problem zu lösen, müssen wir uns darum kümmern die asynchrone Natur von AJAX. Dies kann durch Bereitstellung einer Rückruffunktion für die Funktion get_data erfolgen, die ausgeführt wird, wenn die AJAX-Anfrage abgeschlossen ist und die Daten verfügbar sind.

Hier ist der aktualisierte Code:

function get_data(data, destination, callback) {

    if (lock_get == 0) {
        lock_get = 1;
        $.ajax({
            type: "POST",
            url: destination,
            async: true,
            data: data,
            success: function(data) {
                lock_get = 0;
                if (data && callback) {
                    callback(data);
                }
            }
        });
    }
}

Verwendung

Die aktualisierte Funktion get_data sollte mit der Callback-Funktion als dritte aufgerufen werden Argument:

get_data(data, destination, function(test){
    notice(test);
});

Durch die Verwendung einer Callback-Funktion kann der Code nun das Ergebnis der AJAX-Anfrage verarbeiten, sobald es verfügbar ist.

Das obige ist der detaillierte Inhalt vonWie kann ich variable Rückgabewerte von asynchronen AJAX-Aufrufen korrekt verarbeiten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!