Comment obtenir facilement le code d'état HTTP en JavaScript

Comment obtenir le code d'état HTTP en JavaScript

Introduction :
Dans le développement front-end, nous devons souvent gérer l'interaction avec l'interface back-end, et le code d'état HTTP en est une partie très importante. Comprendre et obtenir les codes d'état HTTP nous aide à mieux gérer les données renvoyées par l'interface. Cet article explique comment utiliser JavaScript pour obtenir des codes d'état HTTP et fournit des exemples de code spécifiques.

1. Qu'est-ce que le code d'état HTTP ? Le code d'état HTTP fait référence au code numérique contenu dans l'en-tête de réponse renvoyé par le serveur lorsque le navigateur initie une requête au serveur. Ce code numérique représente le résultat du traitement de la demande par le serveur. Les codes d'état courants incluent 200, 404, 500, etc.

1XX : Indique que la demande a été reçue et continue d'être traitée. Un chiffre courant est 100 (suite).
• 2XX : Indique que la demande a été reçue, comprise et acceptée avec succès par le serveur. Un chiffre courant est 200 (succès).
• 3XX : indique qu'une action supplémentaire est requise pour compléter la demande. Les plus courants sont 301 (redirection permanente) et 302 (redirection temporaire).
• 4XX : Indique une erreur client, la requête contient une erreur de syntaxe ou la requête ne peut pas aboutir. Les plus courants sont 404 (introuvable) et 403 (interdit).
• 5XX : Indique une erreur du serveur. Une erreur s'est produite pendant que le serveur traitait la demande. Les plus courants sont 500 (erreur interne du serveur) et 503 (service indisponible).

2. Utilisation de XMLHttpRequest

XMLHttpRequest est un objet de navigateur intégré utilisé pour interagir avec le serveur, via lequel nous pouvons envoyer des requêtes HTTP et obtenir la réponse du serveur. Lors de l'obtention de la réponse du serveur, nous pouvons obtenir le code d'état HTTP via l'attribut status de l'objet XMLHttpRequest.

Exemple de code spécifique :

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/api');
xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE) {
        var status = xhr.status;
        console.log(status);
    }
};
xhr.send();

Avec le code ci-dessus, nous avons envoyé une requête GET à l'interface "http://example.com/api", et avons obtenu le code d'état HTTP après avoir reçu la réponse du serveur.

3. Utiliser fetch

fetch est une API de requête réseau simplifiée en JavaScript. Elle utilise Promise pour gérer les opérations asynchrones des requêtes réseau. Le résultat renvoyé par fetch est un objet Promise, et nous pouvons obtenir le code d'état HTTP via son attribut res.status.

Exemple de code spécifique :

fetch('http://example.com/api')
    .then(function(res) {
        var status = res.status;
        console.log(status);
    });

Grâce au code ci-dessus, nous avons également envoyé une requête GET à l'interface "http://example.com/api", et obtenu le code d'état HTTP après avoir reçu la réponse du serveur.

Ci-dessus sont deux méthodes courantes d'utilisation de JavaScript pour obtenir des codes d'état HTTP, et des exemples de codes spécifiques sont fournis. Dans le développement front-end, comprendre et obtenir les codes d'état HTTP peut nous aider à mieux traiter les données renvoyées par l'interface pour améliorer l'expérience utilisateur et la fiabilité des applications. J'espère que cet article sera utile à tout le monde !

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!