So erhalten Sie auf einfache Weise HTTP-Statuscode in JavaScript

So erhalten Sie den HTTP-Statuscode in JavaScript

Einführung:
Bei der Front-End-Entwicklung müssen wir uns häufig mit der Interaktion mit der Back-End-Schnittstelle befassen, und der HTTP-Statuscode ist ein sehr wichtiger Teil davon. Das Verstehen und Abrufen von HTTP-Statuscodes hilft uns, die von der Schnittstelle zurückgegebenen Daten besser zu verarbeiten. In diesem Artikel wird erläutert, wie Sie mithilfe von JavaScript HTTP-Statuscodes erhalten, und es werden spezifische Codebeispiele bereitgestellt.

1. Was ist ein HTTP-Statuscode? Der HTTP-Statuscode bezieht sich auf den numerischen Code, der im Antwortheader enthalten ist, der vom Server zurückgegeben wird, wenn der Browser eine Anfrage an den Server initiiert. Dieser numerische Code stellt das Ergebnis der Verarbeitung der Anfrage durch den Server dar. Zu den gängigen Statuscodes gehören 200, 404, 500 usw.

1XX: Zeigt an, dass die Anfrage eingegangen ist und weiterhin verarbeitet wird. Ein üblicher Wert ist 100 (weiter).
• 2XX: Zeigt an, dass die Anfrage erfolgreich vom Server empfangen, verstanden und akzeptiert wurde. Ein üblicher Wert ist 200 (Erfolg).
• 3XX: Zeigt an, dass weitere Maßnahmen erforderlich sind, um die Anfrage abzuschließen. Übliche sind 301 (permanente Weiterleitung) und 302 (temporäre Weiterleitung).
• 4XX: Zeigt einen Clientfehler an, die Anfrage enthält einen Syntaxfehler oder die Anfrage kann nicht abgeschlossen werden. Übliche sind 404 (nicht gefunden) und 403 (verboten).
• 5XX: Zeigt einen Serverfehler an. Während der Server die Anfrage verarbeitet hat. Übliche Werte sind 500 (interner Serverfehler) und 503 (Dienst nicht verfügbar).

2. Verwendung von XMLHttpRequest

XMLHttpRequest ist ein integriertes Browserobjekt, das zur Interaktion mit dem Server verwendet wird und über das wir HTTP-Anfragen senden und die Antwort des Servers erhalten können. Wenn wir die Serverantwort erhalten, können wir den HTTP-Statuscode über das Statusattribut des XMLHttpRequest-Objekts abrufen.

Spezifisches Codebeispiel:

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

Mit dem obigen Code haben wir eine GET-Anfrage an die Schnittstelle „http://example.com/api“ gesendet und nach Erhalt der Serverantwort den HTTP-Statuscode erhalten.

3. Verwenden Sie fetch

fetch ist eine vereinfachte Netzwerkanforderungs-API. Sie verwendet Promise, um asynchrone Vorgänge von Netzwerkanforderungen abzuwickeln. Das von fetch zurückgegebene Ergebnis ist ein Promise-Objekt, und wir können den HTTP-Statuscode über sein res.status-Attribut abrufen.

Spezifisches Codebeispiel:

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

Über den obigen Code haben wir auch eine GET-Anfrage an die Schnittstelle „http://example.com/api“ gesendet und nach Erhalt der Serverantwort den HTTP-Statuscode erhalten.

Die oben genannten sind zwei gängige Methoden zur Verwendung von JavaScript zum Abrufen von HTTP-Statuscodes, und es werden spezifische Codebeispiele bereitgestellt. Bei der Front-End-Entwicklung können wir durch das Verstehen und Erhalten von HTTP-Statuscodes die von der Schnittstelle zurückgegebenen Daten besser verarbeiten und so die Benutzererfahrung und Anwendungszuverlässigkeit verbessern. Ich hoffe, dieser Artikel ist für alle hilfreich!

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