La différence et la connexion entre readyState et status dans jQuery AJAX

Cet article présente principalement la différence et la connexion entre readyState et status dans jQuery AJAX. Il est très bon et a une valeur de référence. Les amis qui sont intéressés par ajax peuvent se référer à la différence et à la connexion entre readyState et status dans jQuery AJAX

En tant que l'un des grands tueurs du front-end Web, AJAX a bouleversé la compréhension de nombreuses personnes du front-end Web. De mon point de vue personnel, si les trois artefacts html/css/JavaScript étaient finalement rassemblés. en 1996, pour que le front-end web ait la capacité d'invoquer le dragon, alors ajax est le premier dragon invoqué par les trois artefacts. Dès lors, les codes front-end et back-end ont la possibilité d'être complètement séparés. Lorsqu'ils rencontrent des problèmes tels que le passage de paramètres en arrière-plan, les programmeurs front-end peuvent crier en toute confiance : 竜が我がenemyをくらえ. . . . .

Lorsque j'utilise AJAX, j'utilise du js natif au lieu de jQuery et d'autres frameworks, car la Reine nous dit que le natif est le plus puissant. . . .

Sans plus tarder, regardons d'abord le code

Ce code construit une requête d'instance de l'objet XHR et l'utilise pour établir une requête asynchrone. Dans l'événement onreadystatechange, nous avons constaté qu'il existe deux attributs, readyState et status. ReadyState obtient la valeur du statut AJAX. Sa valeur et sa signification sont les suivantes :

0 : La requête n'a pas été initialisée et la méthode open. n'a pas encore été appelé.

1 : La connexion au serveur a été établie et ouverte a été appelée

2 : La demande a été acceptée, c'est-à-dire que les informations d'en-tête ont été reçues

3 : La demande est en cours de traitement, c'est-à-dire que le corps de la réponse a été reçu

4 : La demande est terminée, c'est-à-dire que la réponse est terminée

et le statut est obtenu le code d'état HTTP, composé de trois chiffres. Le premier chiffre a la signification suivante :

1xx : Indique que le serveur a reçu le web. La requête du navigateur est en cours de traitement.

2xx : Succès. , indiquant que la demande de l'utilisateur a été correctement acceptée, comprise et traitée

3xx : Redirection, indiquant que la demande n'a pas abouti et que le client doit prendre des mesures supplémentaires

4xx : Erreur du client, indiquant que la demande soumise par le client est incorrecte

5xx : Erreur du serveur, indiquant que le serveur ne peut pas terminer le traitement de la demande

Puis valeur de statut AJAX et code de statut HTTP Quelles sont les différences et des liens entre eux ? C'est une question qui mérite réflexion, même si elle n'est pas utile pour la programmation elle-même, mais nous devrions l'étudier pour savoir ce qui se passe et pourquoi.

Comme nous le savons tous, le cœur d'AJAX est l'objet XHR. Lors de l'exécution d'AJAX, la valeur de readyState commence à passer de 0. Lorsque AJAX s'exécute sur l'appel de la méthode d'envoi, une requête HTTP est envoyée. , et l'étape d'installation de la requête HTTP est exécutée. À ce moment-là, la valeur de status commence à changer et le mécanisme d'exploitation AJAX attend que la requête HTTP renvoie le résultat. Enfin, lorsque la requête HTTP renvoie un résultat, que la requête HTTP réussisse ou échoue et que les informations correctes soient demandées, le mécanisme d'exploitation AJAX continuera à s'exécuter jusqu'à ce qu'il termine l'opération ou qu'une erreur se produise. C'est ainsi que je comprends la relation entre les valeurs d'état AJAX et les codes d'état HTTP.

Je ne sais pas si ma compréhension est acceptable pour tout le monde. S'il y a quelque chose de flou ou si vous pensez que c'est faux, vous êtes invités à le signaler dans la zone de commentaires. Arigado.

Recommandations associées :

Une brève analyse du problème des données JSON transmises à partir du succès en arrière-plan Ajax

Ajax transmet les données au format JSON à l'arrière-plan. Analyse des causes et solution de l'erreur 415

Formulaire de soumission de formulaire Ajax et exemple de code de téléchargement de fichier

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!