在 AJAX 請求期間，瀏覽器提供了一個 readyState 屬性來表示 AJAX 請求的當前狀態，它的值從 0 到 4 不等，分別代表不同的狀態。我們可以使用 readyState 屬性來確定 AJAX 請求的當前狀態，進而獲得所需的狀態碼。
下面的代碼示例展示了如何使用 readyState 屬性獲取狀態碼：
var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.com/api/data', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
var statusCode = xhr.status;
console.log(statusCode); // 輸出狀態碼
}
};
xhr.send();在上述例子中，我們創建了一個 XMLHttpRequest 對象，并通過 open() 方法指定了請求的方法和 URL。然后，我們通過 onreadystatechange 事件處理程序監聽 readyState 的變化。當 readyState 變為 4 時，表示 AJAX 請求完成，我們可以通過 status 屬性來獲取狀態碼，并將其打印在控制臺上。
狀態碼的含義：不同的狀態碼代表著不同的含義，我們可以根據這些狀態碼來處理服務器返回的結果。以下是一些常見的狀態碼及其含義：
- 200：成功返回
- 201：請求已經被實現，而且有一個新的資源已經依據要求而創建
- 400：請求無效
- 401：未授權，請重新登錄
- 403：禁止訪問
- 404：找不到頁面
- 500：服務器內部錯誤
通過判斷狀態碼，我們可以根據不同的狀態碼來執行不同的操作。比如，當狀態碼為 200 時，表示請求成功，我們可以繼續處理服務器返回的數據；當狀態碼為 404 時，表示找不到頁面，我們可以給用戶顯示一個提示信息。
使用狀態碼的例子：假設我們的網頁上有一個按鈕，點擊按鈕后會使用 AJAX 發起一個請求，然后根據請求返回的狀態碼來執行不同的操作。以下是一個具體的例子：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>獲取狀態碼例子</title>
</head>
<body>
<button onclick="makeRequest()">點擊發起請求</button>
<script>
function makeRequest() {
var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.com/api/data', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
var statusCode = xhr.status;
if (statusCode === 200) {
console.log('請求成功！');
// 繼續處理服務器返回的數據
} else {
console.log('請求失敗！');
// 顯示錯誤提示信息給用戶
}
}
};
xhr.send();
}
</script>
</body>
</html>在上述例子中，當用戶點擊按鈕時，makeRequest() 函數會被調用，并通過 AJAX 發起一個 GET 請求。當請求完成時，我們獲取狀態碼，并根據狀態碼來判斷請求的成功與否。如果狀態碼為 200，表示請求成功，我們在控制臺上打印出“請求成功！”，并繼續處理服務器返回的數據；如果狀態碼不為 200，表示請求失敗，我們在控制臺上打印出“請求失敗！”并顯示相應的錯誤提示信息給用戶。
通過以上例子，我們可以看出通過 AJAX 獲取狀態碼是非常簡單的。我們可以根據不同的狀態碼來執行不同的操作，從而更好地處理服務器返回的結果。加強對狀態碼的理解，并靈活運用在實際開發中，可以提高用戶體驗，提升網站的質量。希望本文能夠幫助您更好地理解如何獲取 AJAX 的狀態碼。