Comment obtenir le code d'état http en js

js peut obtenir le code d'état http en utilisant la fonction de récupération, la fonction de récupération et une bibliothèque tierce. Introduction détaillée : 1. Utilisez l'objet XMLHttpRequest pour obtenir le code d'état HTTP en appelant l'attribut status de l'objet XMLHttpRequest ; 2. Utilisez la fonction fetch pour traiter la réponse via la méthode then et obtenez le code d'état HTTP via l'attribut status ; de l'objet de réponse ; 3. , utiliser des bibliothèques tierces, etc.

Le système d'exploitation de ce tutoriel : système windows10, version javascript2023, ordinateur DELL G3.

En JavaScript, vous pouvez obtenir le code d'état HTTP des manières suivantes :

1. En utilisant l'objet XMLHttpRequest :

En JavaScript traditionnel, vous pouvez utiliser l'objet XMLHttpRequest pour envoyer des requêtes HTTP et obtenir des réponses. Le code d'état HTTP peut être obtenu en appelant l'attribut status de l'objet XMLHttpRequest. Par exemple :

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

Dans le code ci-dessus, le code d'état HTTP peut être obtenu via xhr.status.

2. Utilisez la fonction fetch :

Dans le JavaScript moderne, vous pouvez utiliser la fonction fetch pour envoyer des requêtes HTTP et obtenir des réponses. La fonction fetch renvoie un objet Promise, qui peut traiter la réponse via la méthode then et obtenir le code d'état HTTP via l'attribut status de l'objet de réponse. Par exemple :

fetch('http://example.com/api')
.then(function(response) {
if (response.ok) {
console.log(response.status); // 输出200
}
});

Dans le code ci-dessus, le code d'état HTTP peut être obtenu via réponse.status.

3. Utilisez des bibliothèques tierces :

En plus des méthodes JavaScript natives, vous pouvez également utiliser certaines bibliothèques tierces pour simplifier le processus d'obtention des codes d'état HTTP. Par exemple, en utilisant la bibliothèque Axios :

axios.get('http://example.com/api')
.then(function(response) {
console.log(response.status); // 输出200
});

Dans le code ci-dessus, le code d'état HTTP peut être obtenu via réponse.status.

Il convient de noter que le code d'état HTTP obtenu par la méthode ci-dessus est obtenu de manière asynchrone, car la requête HTTP est une opération asynchrone. Par conséquent, vous devrez peut-être attendre un certain temps avant d'obtenir le code d'état HTTP. Les opérations asynchrones peuvent être gérées via des fonctions de rappel, Promise, async/await, etc. pour garantir que les opérations ultérieures sont effectuées après l'obtention du code d'état HTTP.

De plus, il convient de noter que le code d'état HTTP obtenu par la méthode ci-dessus est le code d'état renvoyé par le serveur, et non le code d'état lorsque le navigateur envoie la requête. Le code d'état lorsque le navigateur envoie la demande (comme 404 Not Trouvé) peut être consulté via les outils de développement du navigateur (tels que les outils de développement de Chrome).

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!