在前端開發中，我們經常使用Ajax來實現網頁與服務器的異步通信。而Ajax的成功與否，通常取決于服務器返回的狀態碼。本文將重點討論如何使用Ajax獲取狀態碼并進行相應處理。 當我們向服務器發起請求時，服務器會返回一個狀態碼。這個狀態碼通常由三個數字組成，每個數字代表不同的含義。我們可以根據不同的狀態碼，進行不同的處理。例如，當狀態碼是200時，表示請求成功，可以繼續處理數據；當狀態碼是404時，表示請求的資源不存在，我們可以進行相應的錯誤提示；當狀態碼是500時，表示服務器出現了內部錯誤，我們可以向用戶顯示友好的錯誤信息。 為了獲取請求的狀態碼，我們需要使用Ajax的onreadystatechange事件。這個事件在請求狀態發生改變時觸發。我們可以在事件處理函數中，通過調用XMLHttpRequest對象的status屬性來獲取狀態碼。下面是一個示例代碼：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://www.example.com/api/data', true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4) {
var statusCode = xhr.status;
// 根據狀態碼進行相應處理
if (statusCode == 200) {
// 請求成功
} else if (statusCode == 404) {
// 請求的資源不存在
} else if (statusCode == 500) {
// 服務器內部錯誤
} else {
// 其他錯誤碼處理
}
}
};
xhr.send();

在上面的示例中，我們首先創建了一個XMLHttpRequest對象，然后使用open方法指定了請求的地址和請求方式（這里是GET請求），再使用onreadystatechange事件監聽請求狀態的變化。當請求狀態為4時，表示請求已經完成。此時，我們可以通過xhr.status獲取狀態碼，并根據不同的狀態碼進行相應的處理。 除了通過xhr.status獲取狀態碼外，我們還可以通過xhr.statusText獲取狀態碼對應的消息。例如，狀態碼200對應的消息是"OK"，狀態碼404對應的消息是"Not Found"。這個屬性在處理錯誤時非常有用，我們可以將消息直接顯示給用戶，以便讓用戶理解發生了什么錯誤。

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://www.example.com/api/data', true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4) {
var statusCode = xhr.status;
var statusText = xhr.statusText;
console.log('Status Code: ' + statusCode);
console.log('Status Text: ' + statusText);
}
};
xhr.send();

在上面的代碼中，我們在onreadystatechange事件處理函數中，將獲取到的狀態碼和狀態消息打印出來。這樣我們就可以在控制臺中看到請求返回的狀態碼和消息了。 總結起來，使用Ajax獲取狀態碼是進行異常處理的關鍵一步。我們需要通過onreadystatechange事件和XMLHttpRequest對象的status屬性獲取狀態碼，并根據狀態碼進行相應處理。同時，我們還可以通過statusText屬性獲取狀態碼對應的消息，以便更好地向用戶展示錯誤信息。在實際開發中，我們可以根據具體的需求，為不同的狀態碼編寫不同的處理邏輯，以達到良好的用戶體驗。