Tutoriel JavaScript simple : Comment obtenir le code d'état HTTP
Tutoriel JavaScript : Comment obtenir le code d'état HTTP, des exemples de code spécifiques sont requis
Avant-propos :
Dans le développement Web, des scénarios d'interaction de données avec le serveur sont souvent impliqués. Lors de la communication avec le serveur, nous devons souvent obtenir le code d'état HTTP renvoyé pour déterminer si l'opération a réussi et effectuer le traitement correspondant en fonction de différents codes d'état. Cet article vous apprendra comment utiliser JavaScript pour obtenir des codes d'état HTTP et fournira quelques exemples de codes pratiques.
- Utilisez l'objet XMLHttpRequest pour obtenir le code d'état
XMLHttpRequest est un objet de requête HTTP, qui peut être utilisé en JavaScript pour interagir avec le serveur. Voici un exemple de code pour obtenir le code d'état HTTP :
let xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/api', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
console.log('请求成功');
} else {
console.log('请求失败，状态码为：' + xhr.status);
}
}
};
xhr.send();Dans le code ci-dessus, nous créons d'abord un objet XMLHttpRequest, puis utilisons la méthode xhr.open pour spécifier la méthode de requête et l'adresse, puis passez. La méthode xhr.onreadystatechange surveille les changements dans l'état de la demande. Lorsque xhr.readyState est XMLHttpRequest.DONE, la requête est terminée. xhr.open方法指定了请求的方式和地址，再通过xhr.onreadystatechange方法监听请求状态的变化。当xhr.readyState为XMLHttpRequest.DONE时，说明请求已完成。
接着，我们通过xhr.status获取到了服务器返回的HTTP状态码。如果状态码等于200，表示请求成功；否则，表示请求失败。
- 使用Fetch API获取状态码
Fetch API是JavaScript的新特性，提供了更加现代化和强大的与服务器进行数据交互的方式。下面是一个使用Fetch API获取HTTP状态码的示例代码：
fetch('http://example.com/api')
.then(response => {
if (response.ok) {
console.log('请求成功');
} else {
console.log('请求失败，状态码为：' + response.status);
}
})
.catch(error => {
console.log('请求发生错误：', error);
});在以上代码中，我们使用了Fetch API的fetch函数发起了一个GET请求。然后通过.then方法处理服务器的响应结果。如果response.ok为true，表示请求成功；否则，表示请求失败。可以通过response.status获取到HTTP状态码。
此外，我们还可以使用.catch
xhr.status. Si le code d'état est égal à 200, cela signifie que la demande a réussi, sinon cela signifie que la demande a échoué. - Utilisez l'API Fetch pour obtenir le code d'état
- Autres exemples courants de traitement de codes d'état HTTP
if (xhr.status === 404) { console.log('请求的页面不存在'); }
L'API Fetch est une nouvelle fonctionnalité de JavaScript qui offre un moyen plus moderne et plus puissant d'interagir avec le serveur. Voici un exemple de code qui utilise l'API Fetch pour obtenir le code d'état HTTP :
if (xhr.status === 301) {
console.log('请求被永久重定向');
}- Dans le code ci-dessus, nous utilisons la fonction
fetch de l'API Fetch pour lancer une requête GET. Traitez ensuite le résultat de la réponse du serveur via la méthode .then. Si response.ok est true, cela signifie que la requête est réussie, sinon cela signifie que la requête échoue ; Le code d'état HTTP peut être obtenu via response.status. De plus, nous pouvons également utiliser la méthode .catch pour détecter les erreurs pendant le processus de demande. - En plus de 200, les codes d'état HTTP ont de nombreuses autres valeurs, et chaque valeur représente une signification différente. Voici quelques exemples courants de gestion du code d'état HTTP :
if (xhr.status === 500) {
console.log('服务器发生错误');
}
500 Erreur de serveur :
if (xhr.status === 503) {
console.log('服务当前不可用');
}🎜🎜503 Service indisponible : 🎜r rreee🎜Par en gérant différents codes d'état en conséquence, vous pouvez mieux gérer différentes situations d'erreur. 🎜🎜Conclusion : 🎜Cet article explique comment utiliser JavaScript pour obtenir le code d'état HTTP et fournit quelques exemples de code spécifiques. En maîtrisant ces connaissances, vous serez en mesure de mieux gérer les erreurs lors de l'interaction avec le serveur et d'améliorer l'efficacité du développement Web. J'espère que cet article vous sera utile ! 🎜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!
Outils d'IA chauds
Undress AI Tool
Images de déshabillage gratuites
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Stock Market GPT
Recherche d'investissement basée sur l'IA pour des décisions plus intelligentes
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Révéler les causes du code d'état HTTP 460
Feb 19, 2024 pm 08:30 PM
Décryptage du code d'état HTTP 460 : pourquoi cette erreur se produit-elle ? Introduction : Lors de l'utilisation quotidienne du réseau, nous rencontrons souvent diverses invites d'erreur, notamment des codes d'état HTTP. Ces codes d'état sont un mécanisme défini par le protocole HTTP pour indiquer le traitement d'une requête. Parmi ces codes d’état, il existe un code d’erreur relativement rare, à savoir le 460. Cet article examinera ce code d'erreur et expliquera pourquoi cette erreur se produit. Définition du code d'état HTTP 460 : Tout d'abord, nous devons comprendre les bases du code d'état HTTP
Comment obtenir un identifiant Apple américain
Feb 22, 2024 am 09:30 AM
La première étape consiste à enregistrer un identifiant sur le site officiel. 1. Utilisez un navigateur pour visiter le site officiel d'Apple : www.apple.com et cliquez pour visiter 2. Faites défiler vers le bas de la page, changez le pays en États-Unis >. >Cliquez sur Compte>>Gérer votre AppleID>>Cliquez en bas de la nouvelle page CreateYourAppleID3, remplissez les informations d'enregistrement (nom/pays/anniversaire/e-mail/invite de mot de passe, etc.)>>Remplissez le code de vérification de l'e-mail après. vérification et soumission, la page indiquera que l'inscription a réussi. *L'adresse e-mail sur cette page doit être une nouvelle adresse e-mail qui n'a pas été enregistrée avec l'identifiant Apple ; le pays doit être les États-Unis ;
Dépannage des causes et solutions pour le code d'état HTTP 550
Feb 20, 2024 am 09:49 AM
Explorez les causes et les solutions du code d'état HTTP 550 Introduction : Dans les communications réseau, les codes d'état HTTP jouent un rôle important et sont utilisés pour indiquer les résultats du serveur traitant la demande. Parmi eux, le code d'état HTTP 550 est un code d'état relativement rare qui est généralement lié au refus du serveur d'exécuter la requête. Cet article explorera les causes du code d'état HTTP 550 et proposera des solutions. 1. Concepts de base des codes d'état HTTP. Avant de comprendre le code d'état HTTP 550, comprenons d'abord brièvement les concepts de base des codes d'état HTTP.
Analyser les causes et les solutions du code d'état HTTP 460
Feb 20, 2024 pm 02:03 PM
Explorez les causes et les solutions du code d'état HTTP 460. Le code d'état HTTP est un code numérique standardisé utilisé par le protocole HTTP pour indiquer le résultat renvoyé par une requête. Dans la spécification HTTP/1.1, un total de 5 types de codes d'état sont définis, parmi lesquels les codes d'état 4xx indiquent les erreurs de requête et les codes d'état 5xx indiquent les erreurs du serveur. Parmi ces codes de statut, on a rarement entendu parler du code de statut 460. Alors, qu’est-ce que le code d’état HTTP 460 ? Quelle est la raison de son apparition ? Comment devrions-nous le résoudre ? Tout d’abord, regardons les codes d’état HTTP
Où obtenir le code de sécurité Google
Mar 30, 2024 am 11:11 AM
Google Authenticator est un outil utilisé pour protéger la sécurité des comptes d'utilisateurs, et sa clé est constituée d'informations importantes utilisées pour générer des codes de vérification dynamiques. Si vous oubliez la clé de Google Authenticator et ne pouvez la vérifier que via le code de sécurité, l'éditeur de ce site Web vous proposera une introduction détaillée sur l'endroit où obtenir le code de sécurité Google. J'espère que cela pourra vous aider si vous le souhaitez. en savoir plus Utilisateurs, veuillez continuer à lire ci-dessous ! Ouvrez d’abord les paramètres du téléphone et accédez à la page des paramètres. Faites défiler la page et trouvez Google. Accédez à la page Google et cliquez sur Compte Google. Accédez à la page du compte et cliquez sur Afficher sous le code de vérification. Entrez votre mot de passe ou utilisez votre empreinte digitale pour vérifier votre identité. Obtenez un code de sécurité Google et utilisez le code de sécurité pour vérifier votre identité Google.
Analyse de la signification du code d'état HTTP 460
Feb 24, 2024 pm 03:51 PM
Explication vernaculaire : que signifie le code d'état HTTP 460 ? Bonjour à tous, aujourd'hui, nous allons parler d'un numéro étrange dans le code d'état HTTP - 460. Je pense que de nombreux amis ont rencontré diverses pages d'erreur lors du développement de sites Web ou de la navigation sur le Web, y compris des codes d'état HTTP. Quant à ce code d'état 460, vous pourriez être curieux, qu'est-ce que cela signifie ? Tout d’abord, comprenons d’abord ce que sont les codes d’état HTTP. Pendant le processus d'accès aux pages Web ou d'interaction avec le serveur, le client
Explication détaillée du code d'état HTTP 405 : découvrez la meilleure façon de gérer les requêtes non autorisées
Feb 19, 2024 pm 11:50 PM
Explication détaillée du code d'état HTTP 405 : Maîtriser les bonnes pratiques de gestion des méthodes de requêtes non autorisées Introduction : Dans le développement web, la communication entre le serveur et le client s'effectue via le protocole HTTP. Le protocole HTTP définit une série de codes d'état pour indiquer la réponse du serveur à la requête. Parmi eux, le code d'état 405 indique que le serveur interdit l'utilisation de la méthode de requête actuelle. Cet article abordera en détail la signification, les causes, les solutions courantes et les meilleures pratiques du code d'état HTTP 405 pour aider les lecteurs à mieux comprendre comment gérer les demandeurs.
Une analyse approfondie du code d'état HTTP 405 : Comment gérer correctement les méthodes de requête non autorisées ?
Feb 22, 2024 am 09:27 AM
Une analyse approfondie du code d'état HTTP 405 : Comment gérer correctement les méthodes de requête non autorisées ? HTTP (HypertextTransferProtocol) est un protocole de couche application utilisé pour transmettre du contenu hypertexte sur le réseau. Dans le protocole HTTP, un client (tel qu'un navigateur) envoie une requête et le serveur se charge d'y répondre. En HTTP, la méthode de requête fait référence à un champ du message de requête utilisé pour spécifier l'action spécifique que le client souhaite que le serveur effectue. Les méthodes de requête HTTP courantes incluent GET
