如何在JavaScript中取得HTTP狀態碼的簡單方法

JavaScript中的HTTP狀態碼取得方法

簡介：
在進行前端開發中，我們常常需要處理與後端介面的交互，而HTTP狀態碼就是其中非常重要的一環。了解並取得HTTP狀態碼有助於我們更好地處理介面傳回的資料。本文將介紹使用JavaScript取得HTTP狀態碼的方法，並提供具體程式碼範例。

一、什麼是HTTP狀態碼
HTTP狀態碼是指當瀏覽器向伺服器發起請求時，伺服器傳回的回應頭中所包含的數字代碼。這個數字代碼表示了伺服器對請求的處理結果。常見的狀態碼有200、404、500等等。

• 1XX：表示請求已被接收，繼續處理。常見的有100（繼續）。
• 2XX：表示請求已成功被伺服器接收、理解、並接受。常見的有200（成功）。
• 3XX：表示需要進一步操作以完成請求。常見的有301（永久重定向）和302（暫時重定向）。
• 4XX：表示客戶端錯誤，請求包含語法錯誤或無法完成請求。常見的有404（未找到）和403（禁止訪問）。
• 5XX：表示伺服器錯誤，伺服器在處理請求的過程中發生了錯誤。常見的有500（伺服器內部錯誤）和503（服務不可用）。

二、使用XMLHttpRequest
XMLHttpRequest是一種用於與伺服器進行互動的瀏覽器內建對象，透過它我們可以發送HTTP請求並取得伺服器的回應。在取得伺服器回應時，我們可以透過XMLHttpRequest物件的status屬性來取得HTTP狀態碼。

具體程式碼範例：

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

透過以上程式碼，我們發送了一個GET請求到"http://example.com/api"接口，並在接收到伺服器回應後獲取了HTTP狀態碼。

三、使用fetch
fetch是JavaScript中一種簡化的網路請求API，它使用Promise來處理網路請求的非同步操作。 fetch回傳的結果是一個Promise對象，我們可以透過它的res.status屬性來取得HTTP狀態碼。

具體程式碼範例：

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

透過以上程式碼，我們同樣發送了一個GET請求到"http://example.com/api"接口，並在接收到伺服器回應後獲取了HTTP狀態碼。

以上是兩種常見的使用JavaScript來取得HTTP狀態碼的方法，並提供了具體的程式碼範例。在進行前端開發中，了解並取得HTTP狀態碼可以幫助我們更好地處理介面返回的數據，以提升使用者體驗和應用的可靠性。希望本文對大家有幫助！

以上是如何在JavaScript中取得HTTP狀態碼的簡單方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！