Heim > Web-Frontend > HTML-Tutorial > Einfaches JavaScript-Tutorial: So erhalten Sie den HTTP-Statuscode

Einfaches JavaScript-Tutorial: So erhalten Sie den HTTP-Statuscode

WBOY
Freigeben: 2024-01-05 18:08:42
Original
997 Leute haben es durchsucht

Einfaches JavaScript-Tutorial: So erhalten Sie den HTTP-Statuscode

JavaScript-Tutorial: So erhalten Sie HTTP-Statuscode, es sind spezifische Codebeispiele erforderlich

Vorwort:
Bei der Webentwicklung sind häufig Szenarien der Dateninteraktion mit dem Server beteiligt. Bei der Kommunikation mit dem Server müssen wir häufig den zurückgegebenen HTTP-Statuscode abrufen, um festzustellen, ob der Vorgang erfolgreich ist, und die entsprechende Verarbeitung basierend auf verschiedenen Statuscodes durchführen. In diesem Artikel erfahren Sie, wie Sie mit JavaScript HTTP-Statuscodes abrufen und einige praktische Codebeispiele bereitstellen.

  1. Verwenden Sie das XMLHttpRequest-Objekt, um den Statuscode abzurufen

XMLHttpRequest ist ein HTTP-Anforderungsobjekt, das in JavaScript zur Interaktion mit dem Server verwendet werden kann. Das Folgende ist ein Beispielcode zum Abrufen des HTTP-Statuscodes:

let xhr = new XMLHttpRequest();

xhr.open('GET', 'http://example.com/api', true);

xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE) {
    if (xhr.status === 200) {
      console.log('请求成功');
    } else {
      console.log('请求失败,状态码为:' + xhr.status);
    }
  }
};

xhr.send();
Nach dem Login kopieren

Im obigen Code erstellen wir zunächst ein XMLHttpRequest-Objekt und verwenden dann die Methode xhr.open, um die Anforderungsmethode und -adresse anzugeben. und dann übergeben Die Methode xhr.onreadystatechange überwacht Änderungen im Anforderungsstatus. Wenn xhr.readyState den Wert XMLHttpRequest.DONE hat, wurde die Anfrage abgeschlossen. xhr.open方法指定了请求的方式和地址,再通过xhr.onreadystatechange方法监听请求状态的变化。当xhr.readyStateXMLHttpRequest.DONE时,说明请求已完成。

接着,我们通过xhr.status获取到了服务器返回的HTTP状态码。如果状态码等于200,表示请求成功;否则,表示请求失败。

  1. 使用Fetch API获取状态码

Fetch API是JavaScript的新特性,提供了更加现代化和强大的与服务器进行数据交互的方式。下面是一个使用Fetch API获取HTTP状态码的示例代码:

fetch('http://example.com/api')
  .then(response => {
    if (response.ok) {
      console.log('请求成功');
    } else {
      console.log('请求失败,状态码为:' + response.status);
    }
  })
  .catch(error => {
    console.log('请求发生错误:', error);
  });
Nach dem Login kopieren

在以上代码中,我们使用了Fetch API的fetch函数发起了一个GET请求。然后通过.then方法处理服务器的响应结果。如果response.oktrue,表示请求成功;否则,表示请求失败。可以通过response.status获取到HTTP状态码。

此外,我们还可以使用.catch

Als nächstes haben wir den vom Server zurückgegebenen HTTP-Statuscode über xhr.status erhalten. Wenn der Statuscode 200 beträgt, bedeutet dies, dass die Anfrage erfolgreich war; andernfalls bedeutet dies, dass die Anfrage fehlgeschlagen ist.
    1. Verwenden Sie die Fetch-API, um den Statuscode abzurufen

    Die Fetch-API ist eine neue Funktion von JavaScript, die eine modernere und leistungsfähigere Möglichkeit zur Interaktion mit dem Server bietet. Das Folgende ist ein Beispielcode, der die Fetch-API verwendet, um den HTTP-Statuscode abzurufen:

    if (xhr.status === 301) {
      console.log('请求被永久重定向');
    }
    Nach dem Login kopieren
      Im obigen Code verwenden wir die Funktion fetch der Fetch-API, um eine GET-Anfrage zu initiieren. Verarbeiten Sie dann das Antwortergebnis des Servers über die Methode .then. Wenn response.ok true ist, bedeutet dies, dass die Anfrage erfolgreich ist; andernfalls bedeutet dies, dass die Anfrage fehlschlägt. Der HTTP-Statuscode kann über response.status abgerufen werden.
    • Darüber hinaus können wir auch die Methode .catch verwenden, um Fehler während des Anfrageprozesses abzufangen.
    • Andere gängige Beispiele für die Verarbeitung von HTTP-Statuscodes
      Zusätzlich zu 200 haben HTTP-Statuscodes viele andere Werte, und jeder Wert stellt eine andere Bedeutung dar. Hier sind einige gängige Beispiele für die Behandlung von HTTP-Statuscodes:
    301 Permanente Weiterleitung:
    • if (xhr.status === 404) {
        console.log('请求的页面不存在');
      }
      Nach dem Login kopieren
    404 Seite nicht gefunden:

    if (xhr.status === 500) {
      console.log('服务器发生错误');
    }
    Nach dem Login kopieren


    500 Serverfehler:

    🎜
    if (xhr.status === 503) {
      console.log('服务当前不可用');
    }
    Nach dem Login kopieren
    🎜🎜503 Dienst nicht verfügbar: 🎜 🎜rrreee🎜Von Durch den entsprechenden Umgang mit unterschiedlichen Statuscodes können Sie besser mit unterschiedlichen Fehlersituationen umgehen. 🎜🎜Fazit: 🎜Dieser Artikel stellt die Verwendung von JavaScript zum Abrufen des HTTP-Statuscodes vor und enthält einige spezifische Codebeispiele. Wenn Sie sich dieses Wissen aneignen, können Sie Fehler bei der Interaktion mit dem Server besser behandeln und die Effizienz der Webentwicklung verbessern. Ich hoffe, dieser Artikel hilft Ihnen! 🎜

    Das obige ist der detaillierte Inhalt vonEinfaches JavaScript-Tutorial: So erhalten Sie den HTTP-Statuscode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage