Maison > interface Web > Questions et réponses frontales > Quels sont les statuts des requêtes ajax ?

Quels sont les statuts des requêtes ajax ?

青灯夜游
Libérer: 2022-01-19 17:35:56
original
3544 Les gens l'ont consulté

Statut de la requête Ajax : 1. "Non initialisé", indiquant que la méthode send() n'a pas été appelée ; 2. "Chargement", indiquant que la méthode send() a été appelée et que la requête est en cours d'envoi ; Chargement terminé" ; 4. "Interactif" signifie que le contenu de la réponse est en cours d'analyse ; 5. "Complet" signifie que le contenu de la réponse a été analysé et peut être appelé sur le client.

Quels sont les statuts des requêtes ajax ?

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

Méthode d'écriture de requête ajax native :

   var http = new XMLHttpRequest();
    http.open('get','./package.json');
    http.onreadystatechange = function () {
        if(http.readyState == 4 && http.status == 200) {
           var result = JSON.parse(http.responseText);
            console.log(result.name)
        }
    };
    http.send();
Copier après la connexion

5 états de requête ajax (readyState)

  • 0 - (non initialisée) la méthode send() n'a pas encore été appelée

  • 1 - (chargement) a a été appelée méthode send(), envoi de la demande

  • 2 - (chargement terminé) exécution de la méthode send() terminée, tout le contenu de la réponse a été reçu

  • 3 - (interaction) le contenu de la réponse est en cours d'analyse

  • 4 - (Complet) L'analyse du contenu de la réponse est terminée et peut être appelée sur le client

description de l'état readyState

(0) Non initialisé

 A ce stade, il est confirmé si l'objet XMLHttpRequest a été. créé et la méthode open() n'a pas été appelée. Préparez l'initialisation. Une valeur inférieure à 0 indique que l'objet existe déjà, sinon le navigateur signalera une erreur : l'objet n'existe pas.

(1) Chargement

A ce stade, l'objet xml (la standardisation se rapproche) HttpRequest est initialisé, c'est-à-dire que la méthode open() est appelée, et le statut de l'objet est défini en fonction des paramètres (méthode, url , vrai). Et appelez la méthode send() pour commencer à envoyer des requêtes au serveur. Une valeur de 1 indique qu'une requête est envoyée au serveur.

(2) Chargement terminé

A ce stade, les données de réponse du serveur sont reçues. Mais ce qui est obtenu, ce sont uniquement les données originales de la réponse du serveur et ne peuvent pas être utilisées directement sur le client. Une valeur de 2 indique que toutes les données de réponse ont été reçues. Et préparez-vous pour la prochaine étape de l’analyse des données.

(3) Interaction

Cette étape analyse les données de réponse reçues côté serveur. Autrement dit, selon le type MIME renvoyé par l'en-tête de réponse côté serveur, les données sont converties dans un format accessible via les attributs ResponseBody, ResponseText ou ResponseXML (la standardisation se rapproche) et sont prêtes à être invoquées sur le serveur. client. Le statut 3 indique que les données sont en cours d'analyse.

(4) Terminé

Cette étape confirme que toutes les données ont été analysées dans un format utilisable par le client et que l'analyse est terminée. Une valeur de 4 indique que l'analyse des données est terminée et que les données peuvent être obtenues via les attributs correspondants de l'objet XML (la normalisation se rapproche) HttpRequest.

【Recommandation de didacticiel connexe : Tutoriel vidéo AJAX

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal