Synchrone Anfrage zwischen $http und Ajax (Codebeispiel)

Der Inhalt dieses Artikels befasst sich mit der Synchronisierungsanforderung (Codebeispiel) von $http und Ajax. Ich hoffe, dass er für Sie hilfreich ist.

Obwohl bei der Web-Front-End-Entwicklung im Allgemeinen asynchrone Netzwerkanforderungen zur Lösung der meisten Funktionsanforderungen verwendet werden, müssen wir bei einigen spezifischen Anforderungen dennoch synchrone Netzwerkanforderungen verwenden, um einige spezielle Probleme zu lösen. In diesem Artikel wird daher erläutert, wie synchrone Netzwerkanforderungen mithilfe von $http in AngularJS und Ajax in jQuery implementiert werden.

(1) $http synchrone Netzwerkanforderung

Tatsächlich ist diese Implementierung sehr einfach. Das Wichtigste liegt in zwei Punkten: Der erste Punkt ist die Rückgabe Ergebnis direkt in der erfolgreichen Callback-Methode; Der zweite Punkt ist, dass $http selbst das Promise-Objekt direkt nach der Ausführung zurückgibt. Durch die Erfüllung dieser beiden Anforderungen kann die Synchronisierung von $http erreicht werden.

Und der durch die letzte Netzwerkanforderung erhaltene Ergebnissatz befindet sich im zurückgegebenen Versprechensobjekt.

Vorlagencode-Implementierung:

 let requestConfig = {
            url:"...",
            method:"post"
        };
        let promise = $http(requestConfig).then(function (response) {
            return response;
        });
        console.log("结果在promise对象中",promise);

(2) Ajax-synchrone Netzwerkanforderung

Um eine synchrone Netzwerkausführung von Ajax zu erreichen, sind außerdem zwei Punkte wichtig: Der erste Punkt besteht darin, den Wert von async in den Anforderungsparametern auf false zu konfigurieren. Der zweite Punkt besteht darin, nicht die Erfolgs- oder Fehlerrückrufmethode von Ajax zu schreiben, sondern die nach der Ajax-Ausführung erhaltene Ergebnismenge direkt zurückzugeben. Durch die Erfüllung dieser beiden Anforderungen können Sie eine synchrone Implementierung von Ajax erreichen.

Vorlagencode-Implementierung:

 let result = $.ajax({
            url:"...",
            type:"get",
            async:false
        });
        console.log("返回结果直接是result",result);

Das Obige ist die vollständige Einführung in die synchrone Anfrage (Codebeispiel) von $http und Ajax, falls Sie mehr über erfahren möchten HTML-Video-Tutorial , achten Sie bitte auf die chinesische PHP-Website.

Das obige ist der detaillierte Inhalt vonSynchrone Anfrage zwischen $http und Ajax (Codebeispiel). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!