So erhalten Sie den HTTP-Statuscode in js

js kann den HTTP-Statuscode mithilfe der Abruffunktion, der Abruffunktion und der Bibliothek eines Drittanbieters abrufen. Detaillierte Einführung: 1. Verwenden Sie das XMLHttpRequest-Objekt, um den HTTP-Statuscode durch Aufrufen des Statusattributs des XMLHttpRequest-Objekts abzurufen. 2. Verwenden Sie die Fetch-Funktion, um die Antwort über die then-Methode zu verarbeiten und den HTTP-Statuscode über das Statusattribut abzurufen 3. Verwenden Sie Bibliotheken von Drittanbietern usw.

Das Betriebssystem dieses Tutorials: Windows10-System, Javascript2023-Version, DELL G3-Computer.

In JavaScript können Sie den HTTP-Statuscode auf folgende Weise abrufen:

1. Mithilfe des XMLHttpRequest-Objekts:

In herkömmlichem JavaScript können Sie das XMLHttpRequest-Objekt verwenden, um HTTP-Anfragen zu senden und Antworten zu erhalten. Der HTTP-Statuscode kann durch Aufrufen des Statusattributs des XMLHttpRequest-Objekts abgerufen werden. Beispiel:

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();

Im obigen Code kann der HTTP-Statuscode über xhr.status abgerufen werden.

2. Verwenden Sie die Abruffunktion:

In modernem JavaScript können Sie die Abruffunktion verwenden, um HTTP-Anfragen zu senden und Antworten zu erhalten. Die Abruffunktion gibt ein Promise-Objekt zurück, das die Antwort über die then-Methode verarbeiten und den HTTP-Statuscode über das Statusattribut des Antwortobjekts abrufen kann. Beispiel:

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

Im obigen Code kann der HTTP-Statuscode über Response.status abgerufen werden.

3. Verwenden Sie Bibliotheken von Drittanbietern:

Zusätzlich zu nativen JavaScript-Methoden können Sie auch einige Bibliotheken von Drittanbietern verwenden, um den Prozess des Abrufens von HTTP-Statuscodes zu vereinfachen. Verwenden Sie beispielsweise die Axios-Bibliothek:

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

Im obigen Code kann der HTTP-Statuscode über Response.status abgerufen werden.

Es ist zu beachten, dass der mit der obigen Methode erhaltene HTTP-Statuscode asynchron abgerufen wird, da es sich bei der HTTP-Anfrage um einen asynchronen Vorgang handelt. Daher müssen Sie möglicherweise eine Weile warten, bevor Sie den HTTP-Statuscode erhalten. Asynchrone Vorgänge können über Rückruffunktionen, Promise, async/await usw. abgewickelt werden, um sicherzustellen, dass nachfolgende Vorgänge nach Erhalt des HTTP-Statuscodes ausgeführt werden.

Darüber hinaus ist zu beachten, dass der mit der oben genannten Methode erhaltene HTTP-Statuscode der vom Server zurückgegebene Statuscode ist und nicht der Statuscode, wenn der Browser die Anforderung sendet. Der Statuscode, wenn der Browser die Anfrage sendet (z. B. 404 Nicht). Gefunden) können über die Entwicklertools des Browsers (z. B. die Entwicklertools von Chrome) angezeigt werden.

Das obige ist der detaillierte Inhalt vonSo erhalten Sie den HTTP-Statuscode in js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!