快速入門：使用JavaScript獲取HTTP狀態碼，需要具體代碼示例

在開發Web應用程序時，我們經常需要與服務器進行交互并獲取HTTP狀態碼。HTTP狀態碼是服務器響應請求時返回的一個三位數字，它們提供了對請求狀態的基本診斷和信息。在本文中，我們將學習如何使用JavaScript獲取HTTP狀態碼，并提供一些具體的代碼示例。

下面是使用XHR對象發送GET請求的代碼示例：

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

監聽XHR對象的狀態變化
當XHR對象發送請求并接收到服務器的響應時，它的readyState屬性會發生變化。我們可以通過監聽這個屬性的變化來獲取HTTP狀態碼。

下面是使用onreadystatechange事件監聽XHR對象狀態變化的代碼示例：

xmlhttp.onreadystatechange = function() {
    if (this.readyState === 4) {
        console.log(this.status); // 輸出HTTP狀態碼
    }
};

獲取HTTP狀態碼
一旦XHR對象的readyState屬性的值為4，我們可以通過status屬性獲取到HTTP狀態碼。HTTP狀態碼通常以數字的形式返回，例如200表示”OK”，404表示”Not Found”，500表示”Internal Server Error”等等。

下面是獲取HTTP狀態碼的代碼示例：

xmlhttp.onreadystatechange = function() {
    if (this.readyState === 4) {
        console.log(this.status); // 輸出HTTP狀態碼
    }
};

處理不同的HTTP狀態碼
根據不同的HTTP狀態碼，我們可以做出不同的處理邏輯。下面是一些常見的HTTP狀態碼和相應的處理方法：

200：請求成功，可以繼續處理服務器返回的數據。404：請求的資源不存在，可以顯示一個錯誤頁面或者提示用戶重新輸入。500：服務器內部錯誤，可以顯示一個錯誤頁面或者向服務器報告問題。

下面是根據不同的HTTP狀態碼處理的代碼示例：

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("服務器內部錯誤");
        }
    }
};

在本文中，我們學習了如何使用JavaScript獲取HTTP狀態碼。我們使用XMLHttpRequest對象發送HTTP請求，并通過監聽其狀態變化來獲取狀態碼。根據不同的狀態碼，我們可以做出不同的處理邏輯。這些代碼示例可以幫助我們更好地理解和使用JavaScript來處理HTTP狀態碼。

雖然獲取HTTP狀態碼是一個簡單的任務，但它對于調試和處理服務器響應非常重要。通過了解和使用HTTP狀態碼，我們可以更好地處理Web應用程序中的問題，并提供更好的用戶體驗。