JavaScript-Schnellstart: HTTP-Statuscodes abrufen

Schnellstart: Verwenden von JavaScript zum Abrufen von HTTP-Statuscodes, spezifische Codebeispiele erforderlich

Einführung:
Bei der Entwicklung von Webanwendungen müssen wir häufig mit dem Server interagieren und HTTP-Statuscodes abrufen. HTTP-Statuscodes sind dreistellige Zahlen, die vom Server als Antwort auf eine Anfrage zurückgegeben werden. Sie bieten grundlegende Diagnosen und Informationen zum Status der Anfrage. In diesem Artikel erfahren Sie, wie Sie mithilfe von JavaScript HTTP-Statuscodes erhalten, und stellen einige konkrete Codebeispiele bereit.

1. HTTP-Anfrage mit dem XMLHttpRequest-Objekt senden
   Um den HTTP-Statuscode zu erhalten, müssen wir zunächst eine HTTP-Anfrage mit dem XMLHttpRequest-Objekt (XHR) senden. Mit XHR-Objekten können wir asynchron mit dem Server kommunizieren und im Hintergrund Antwortdaten abrufen.

Das Folgende ist ein Codebeispiel für die Verwendung eines XHR-Objekts zum Senden einer GET-Anfrage:

let xmlhttp = new XMLHttpRequest();
xmlhttp.open("GET", "http://example.com/api/data", true);
xmlhttp.send();

2. Auf Zustandsänderungen des Eigentumsänderungen. Wir können den HTTP-Statuscode erhalten, indem wir auf Änderungen in diesem Attribut warten.
   

Das Folgende ist ein Codebeispiel für die Verwendung des onreadystatechange-Ereignisses zur Überwachung von Statusänderungen eines XHR-Objekts:

xmlhttp.onreadystatechange = function() {
    if (this.readyState === 4) {
        console.log(this.status); // 输出HTTP状态码
    }
};

Rufen Sie den HTTP-Statuscode ab
3. Sobald der Wert des readyState-Attributs des den HTTP-Statuscode über das Statusattribut. HTTP-Statuscodes werden normalerweise in Form von Zahlen zurückgegeben, z. B. 200 für „OK“, 404 für „Nicht gefunden“, 500 für „Interner Serverfehler“ usw.
   

Das Folgende ist ein Codebeispiel zum Abrufen des HTTP-Statuscodes:

xmlhttp.onreadystatechange = function() {
    if (this.readyState === 4) {
        console.log(this.status); // 输出HTTP状态码
    }
};

Verarbeitung verschiedener HTTP-Statuscodes
4. Je nach unterschiedlichen HTTP-Statuscodes können wir unterschiedliche Verarbeitungslogiken erstellen. Im Folgenden sind einige gängige HTTP-Statuscodes und entsprechende Verarbeitungsmethoden aufgeführt:
   

200: Die Anfrage ist erfolgreich und Sie können die vom Server zurückgegebenen Daten weiter verarbeiten.
• 404: Die angeforderte Ressource existiert nicht. Sie können eine Fehlerseite anzeigen oder den Benutzer zur erneuten Eingabe auffordern.
• 500: Interner Serverfehler, Sie können eine Fehlerseite anzeigen oder das Problem dem Server melden.

Hier ist ein Codebeispiel für die Verarbeitung basierend auf verschiedenen HTTP-Statuscodes:

xmlhttp.onreadystatechange = function() {
    if (this.readyState === 4) {
        if (this.status === 200) {
            // 请求成功
            console.log("请求成功");
            console.log(this.responseText); // 输出服务器返回的数据
        } else if (this.status === 404) {
            // 请求的资源不存在
            console.log("请求的资源不存在");
        } else if (this.status === 500) {
            // 服务器内部错误
            console.log("服务器内部错误");
        }
    }
};

Fazit:

In diesem Artikel haben wir gelernt, wie man HTTP-Statuscodes mithilfe von JavaScript erhält. Wir verwenden das XMLHttpRequest-Objekt, um eine HTTP-Anfrage zu senden und den Statuscode durch Überwachung seiner Statusänderungen zu erhalten. Je nach Statuscode können wir unterschiedliche Verarbeitungslogiken erstellen. Diese Codebeispiele können uns helfen, JavaScript besser zu verstehen und zur Verarbeitung von HTTP-Statuscodes zu verwenden.

Während das Abrufen des HTTP-Statuscodes eine einfache Aufgabe ist, ist es für das Debuggen und die Verarbeitung von Serverantworten sehr wichtig. Durch das Verständnis und die Verwendung von HTTP-Statuscodes können wir Probleme in Webanwendungen besser bewältigen und eine bessere Benutzererfahrung bieten.

Das obige ist der detaillierte Inhalt vonJavaScript-Schnellstart: HTTP-Statuscodes abrufen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!