JavaScript教程：如何獲取HTTP狀態碼，需要具體代碼示例

前言：
在Web開發中，經常會涉及到與服務器進行數據交互的場景。在與服務器進行通信時，我們經常需要獲取返回的HTTP狀態碼來判斷操作是否成功，根據不同的狀態碼來進行相應的處理。本篇文章將教你如何使用JavaScript獲取HTTP狀態碼，并提供一些實用的代碼示例。

XMLHttpRequest是一個HTTP請求對象，JavaScript中可以使用它來與服務器進行數據交互。下面是一個獲取HTTP狀態碼的示例代碼：

let xhr = new XMLHttpRequest();

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

xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE) {
    if (xhr.status === 200) {
      console.log('請求成功');
    } else {
      console.log('請求失敗，狀態碼為：' + xhr.status);
    }
  }
};

xhr.send();

在以上代碼中，我們首先創建了一個XMLHttpRequest對象，然后使用方法指定了請求的方式和地址，再通過方法監聽請求狀態的變化。當為時，說明請求已完成。

接著，我們通過獲取到了服務器返回的HTTP狀態碼。如果狀態碼等于200，表示請求成功；否則，表示請求失敗。

使用Fetch API獲取狀態碼

Fetch API是JavaScript的新特性，提供了更加現代化和強大的與服務器進行數據交互的方式。下面是一個使用Fetch API獲取HTTP狀態碼的示例代碼：

fetch('example/api')
  .then(response => {
    if (response.ok) {
      console.log('請求成功');
    } else {
      console.log('請求失敗，狀態碼為：' + response.status);
    }
  })
  .catch(error => {
    console.log('請求發生錯誤：', error);
  });

在以上代碼中，我們使用了Fetch API的函數發起了一個GET請求。然后通過方法處理服務器的響應結果。如果為，表示請求成功；否則，表示請求失敗?？梢酝ㄟ^獲取到HTTP狀態碼。

此外，我們還可以使用方法來捕捉請求過程中的錯誤。

其他常用HTTP狀態碼處理示例

除了200之外，HTTP狀態碼還有很多其他的值，每個值都代表著不同的含義。下面是一些常見的HTTP狀態碼處理示例：

301 永久重定向：

if (xhr.status === 301) {
  console.log('請求被永久重定向');
}

404 頁面找不到：

if (xhr.status === 404) {
  console.log('請求的頁面不存在');
}

500 服務器錯誤：

if (xhr.status === 500) {
  console.log('服務器發生錯誤');
}

503 服務不可用：

if (xhr.status === 503) {
  console.log('服務當前不可用');
}

通過根據不同的狀態碼來進行相應的處理，可以更好地應對不同的錯誤情況。

本篇文章介紹了如何使用JavaScript獲取HTTP狀態碼，并提供了一些具體的代碼示例。通過掌握這些知識，你將能夠更好地處理與服務器交互過程中的錯誤，提高Web開發效率。希望本文對你有所幫助！