Requête synchrone entre $http et ajax (exemple de code)

Le contenu de cet article concerne la demande de synchronisation (exemple de code) de $http et ajax. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Dans le développement web front-end, bien que les requêtes réseau asynchrones soient généralement utilisées pour résoudre la plupart des exigences fonctionnelles, dans le cas de certains besoins spécifiques, nous devons toujours utiliser des requêtes réseau synchrones pour résoudre certains problèmes particuliers. Cet article explique donc comment implémenter des requêtes réseau synchrones en utilisant $http dans AngularJS et ajax dans jQuery.

(1) Requête réseau synchrone $http

En fait, cette implémentation est très simple L'important réside en deux points : le premier point est de renvoyer le. résultat directement dans la méthode de rappel réussie. ; Le deuxième point est que $http lui-même renvoie l'objet promis directement après l'exécution. En répondant à ces deux exigences, la synchronisation de $http peut être réalisée.

Et l'ensemble de résultats obtenu par la requête réseau finale se trouve dans l'objet de promesse renvoyé.

Implémentation du code modèle :

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

(2) Requête réseau synchrone Ajax

La mise en œuvre de l'exécution réseau synchrone d'ajax est également importante sous deux aspects Points : Le premier point est de configurer la valeur de async sur false dans les paramètres de la requête ; le deuxième point n'est pas d'écrire la méthode de rappel de succès ou d'échec d'ajax, mais de renvoyer directement l'ensemble de résultats obtenu après l'exécution d'ajax. En répondant à ces deux exigences, vous pouvez réaliser une implémentation synchrone d’ajax.

Implémentation du code modèle :

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

Ce qui précède est l'introduction complète à la requête synchrone (exemple de code) de $http et ajax, si vous souhaitez en savoir plus sur Tutoriel vidéo HTML , veuillez faire attention au site Web PHP chinois.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!