Cette fois, je vais vous montrer comment utiliser readyState et status en Ajax. Quelles sont les précautions pour utiliser readyState et status en Ajax. Voici un cas pratique, jetons un coup d'œil.
Regardez d'abord le morceau de code suivant, puis donnez-vous une introduction détaillée aux problèmes liés à readyState (valeur de statut) et au statut (code de statut) en Ajax. Le contenu spécifique est le suivant :
var getXmlHttpRequest = function () {
try{
//主流浏览器提供了XMLHttpRequest对象
return new XMLHttpRequest();
}catch(e){
//低版本的IE浏览器没有提供XMLHttpRequest对象，IE6以下
//所以必须使用IE浏览器的特定实现ActiveXObject
return new ActiveXObject("Microsoft.XMLHTTP");
}
};
var xhr = getXmlHttpRequest();
// readyState 0=>初始化 1=>载入 2=>载入完成 3=>解析 4=>完成
// console.log(xhr.readyState); 0
xhr.open("TYPE", "URL", true);
// console.log(xhr.readyState); 1
xhr.send();
// console.log(xhr.readyState); 1
xhr.onreadystatechange = function () {
// console.log(xhr.status); //HTTP状态吗
// console.log(xhr.readyState); 2 3 4
if(xhr.readyState === 4 && xhr.status === 200){
alert(xhr.responseText);
}
};1.Ajax : La différence entre readyState (valeur de statut) et status (code de statut)
readyState fait référence à plusieurs états vécus par exécutant AJAX, quel que soit Les étapes qui répondront si l'accès est réussi ou non peuvent être comprises comme des étapes d'exécution AJAX. Utilisez "ajax.readyState" pour obtenir le statut, ce qui signifie que peu importe si l'accès AJAX est effectué. réussit ou non, le protocole HTTP détermine l'état du serveur en fonction des informations soumises. Pour le codeinformations d'en-tête HTTP renvoyé, utilisez "ajax.status" pour obtenir compréhension globale : cela peut. il faut simplement comprendre que l'état représente un statut global. Et le statut est le petit statut spécifique sous ce grand État.
2. Qu'est-ce que readyState
readyState est un attribut de l'objet XMLHttpRequest, utilisé pour identifier l'état de l'objet XMLHttpRequest actuel. readyState a un total de 5 valeurs d'état, allant de 0 à 4. Chaque valeur représente une signification différente 0 : Initialisation, l'objet XMLHttpRequest n'a pas encore été initialisé 1 : Chargement, l'objet XMLHttpRequest commence à envoyer la requête 2 : Le chargement est terminé, la requête de l'objet XMLHttpRequest est terminée 3 : Analyse, l'objet XMLHttpRequest commence à lire le réponse du serveur 4 : Terminé, l'objet XMLHttpRequest lit la réponse du serveur3. Qu'est-ce que le statut ? status est un attribut de l'objet XMLHttpRequest. Code d'état HTTP indiquant la réponse
Sous le protocole HTTP1.1, les codes d'état HTTP peuvent être divisés en 5 grandes catégories1xx. : Catégorie de réponse d'information, indiquant la réception Demande et poursuite du traitement
2xx : Classe de réponse de réussite du traitement, indiquant que l'action a été reçue, comprise et acceptée avec succès 3xx : Classe de réponse de redirection, afin de terminer l'action spécifiée, le traitement ultérieur doit être accepté4xx : Erreur du client, la demande du client contient uneerreur de syntaxe
ou ne peut pas être exécutée correctement 5xx : Erreur du serveur, le le serveur ne peut pas exécuter correctement une requête correcte100 - Le client doit continuer à faire la requête
101 - Le client demande au serveur de convertir la version du protocole HTTP en fonction de la requête 200 - Transaction réussie 201 - Invite Connaître l'URL du nouveau fichier 202 - Accepté et traité, mais le traitement n'est pas terminé 203 - Le retour les informations sont incertaines ou incomplètes 204 - Requête reçue, mais les informations de retour sont vides 205 - Le serveur a complété la requête, l'agent utilisateur doit réinitialiser les fichiers actuellement parcourus 206 - Le serveur a complété les requêtes GET de certains utilisateurs 300 - La ressource demandée est disponible à plusieurs endroits 301 - Supprimez les données de la requête 302 - Le les données de la demande ont été trouvées à une autre adresse 303 ——Il est recommandé aux clients de visiter d'autres URL ou méthodes d'accès 304——Le client a exécuté GET, mais le fichier n'a pas changé305——La ressource demandée doit être obtenue à partir de l'adresse indiquée par le serveur306 - Code utilisé dans la version précédente de HTTP, n'est plus utilisé dans la version actuelle 307 - Déclaration selon laquelle la ressource demandée est temporairement supprimée 400 - Requête incorrecte, telle qu'une erreur de syntaxe 401 - Échec de l'autorisation de la demande 402 - Conserver la réponse d'en-tête ChargeTo valide 403 - requête non autorisée 404— — Aucun fichier, requête ou URL trouvé 405 — La méthode définie par l'utilisateur dans le champ Request-Line n'est pas autorisée 406 — Selon le glisser Accepter envoyé par l'utilisateur, la ressource demandée n'est pas accessible407——类似401，用户必须首先在代理服务器上得到授权
408——客户端没有在用户指定的饿时间内完成请求
409——对当前资源状态，请求不能完成
410——服务器上不再有此资源且无进一步的参考地址
411——服务器拒绝用户定义的Content-Length属性请求
412——一个或多个请求头字段在当前请求中错误
413——请求的资源大于服务器允许的大小
414——请求的资源URL长于服务器允许的长度
415——请求资源不支持请求项目格式
416——请求中包含Range请求头字段，在当前请求资源范围内没有range指示值，请求也不包含If-Range请求头字段
417——服务器不满足请求Expect头字段指定的期望值，如果是代理服务器，可能是下一级服务器不能满足请求
500——服务器产生内部错误
501——服务器不支持请求的函数
502——服务器暂时不可用，有时是为了防止发生系统过载
503——服务器过载或暂停维修
504——关口过载，服务器使用另一个关口或服务来响应用户，等待时间设定值较长
505——服务器不支持或拒绝支请求头中指定的HTTP版本
4.思考问题：为什么onreadystatechange的函数实现要同时判断readyState和status呢？
第一种思考方式：只使用readyState
var getXmlHttpRequest = function () {
if (window.XMLHttpRequest) {
return new XMLHttpRequest();
}
else if (window.ActiveXObject) {
return new ActiveXObject("Microsoft.XMLHTTP");
}
};
var xhr = getXmlHttpRequest();
xhr.open("get", "1.txt", true);
xhr.send();
xhr.onreadystatechange = function () {
if (xhr.readyState === 4) {
alert(xhr.responseText);
}
};服务响应出错了，但还是返回了信息，这并不是我们想要的结果
如果返回不是200，而是404或者500，由于只使用readystate做判断，它不理会放回的结果是200、404还是500，只要响应成功返回了，就执行接下来的javascript代码，结果将造成各种不可预料的错误。所以只使用readyState判断是行不通的。
第二种思考方式：只使用status判断
var getXmlHttpRequest = function () {
try{
return new XMLHttpRequest();
}catch(e){
return new ActiveXObject("Microsoft.XMLHTTP");
}
};
var xhr = getXmlHttpRequest();
xhr.open("get", "1.txt", true);
xhr.send();
xhr.onreadystatechange = function () {
if (xhr.status === 200) {
alert("readyState=" + xhr.readyState + xhr.responseText);
}
};事实上，结果却不像预期那样。响应码确实是返回了200，但是总共弹出了3次窗口！第一次是“readyState=2”的窗口，第二次是“readyState=3”的窗口，第三次是“readyState=4”的窗口。由此，可见onreadystatechange函数的执行不是只在readyState变为4的时候触发的，而是readyState（2、3、4）的每次变化都会触发，所以就出现了前面说的那种情况。可见，单独使用status判断也是行不通的。
5.由上面的试验，我们可以知道判断的时候readyState和status缺一不可。那么readyState和status的先后判断顺序会不会有影响呢？我们可以将status调到前面先判断，代码如 xhr.status === 200 && xhr.readyState === 4
事实上，这对于最终的结果是没有影响的，但是中间的性能就不同了。由试验我们知道，readyState的每次变化都会触发onreadystatechange函数，假如先判断status，那么每次都会多判断一次status的状态。虽然性能上影响甚微，不过还是应该抱着追求极致代码的想法，把readyState的判断放在前面。
xhr.readyState === 4 && xhr.status === 200
相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
推荐阅读：
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!
tutoriel ajax
Solution de code tronqué chinois Ajax
Que faire si ajax transmet des caractères chinois tronqués
Solution pour redémarrer et sélectionner le périphérique de démarrage approprié
Que faire si le changement de nom du fichier temporaire échoue
Comment configurer la mémoire virtuelle de l'ordinateur
Comment se connecter à la base de données dans SQLplus
Comment configurer la redirection de nom de domaine
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
