Ajax（Asynchronous JavaScript and XML）是一種在Web頁面中實現異步通信的技術。它通過在后臺與服務器進行少量的數據交換，可以使網頁實現局部刷新，提升用戶體驗。在使用Ajax時，我們經常需要獲取服務器返回的狀態碼來判斷請求是否成功。本文將介紹如何通過Ajax獲取返回狀態碼，并通過舉例進行詳細說明。

通常情況下，在Ajax請求中，我們會使用XMLHttpRequest對象來發送請求并接收服務器的響應。在這個過程中，我們可以通過XMLHttpRequest對象的status屬性來獲取服務器返回的狀態碼。該屬性返回一個表示HTTP請求的響應狀態碼的數字。

let xhr = new XMLHttpRequest();
xhr.open('GET', 'example.com/api/data', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) { // 請求已完成
if (xhr.status === 200) { // 請求成功，狀態碼為200
console.log("請求成功");
} else {
console.log("請求失敗，狀態碼為：" + xhr.status);
}
}
};
xhr.send();

上述代碼中，我們通過XMLHttpRequest對象的readyState屬性來判斷請求是否已完成。當readyState的值等于4時，表示請求已完成并且響應已準備就緒。此時，我們可以通過status屬性來獲取服務器返回的狀態碼。

舉例來說，假設我們的網頁中有一個按鈕，點擊按鈕后通過Ajax發送一個POST請求。服務器會根據請求的內容對數據進行處理，并返回相應的狀態碼。我們可以通過以下代碼來獲取狀態碼并進行相應處理：

document.getElementById('myButton').addEventListener('click', function() {
let xhr = new XMLHttpRequest();
xhr.open('POST', 'example.com/api/saveData', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) { // 請求已完成
if (xhr.status === 200) { // 請求成功，狀態碼為200
console.log("數據保存成功");
} else {
console.log("數據保存失敗，狀態碼為：" + xhr.status);
}
}
};
xhr.send('data=' + document.getElementById('myInput').value);
});

在上面的例子中，我們通過addEventListener方法為按鈕綁定了一個點擊事件。當按鈕被點擊時，會執行內部的回調函數，該函數中包含了一個使用Ajax發送POST請求的過程。在請求完成后，我們根據返回的狀態碼判斷數據保存是否成功，并在控制臺輸出相應信息。

通過以上的例子，我們可以看到如何通過Ajax獲取服務器返回的狀態碼進行判斷，并根據不同的狀態碼進行相應的處理。這使得我們可以根據返回的狀態碼來優化用戶體驗，例如在數據保存失敗時給出錯誤提示，或者在登錄請求返回401狀態碼時跳轉到登錄頁面。

總結來說，通過Ajax獲取返回狀態碼可以幫助我們判斷請求的執行結果，并根據結果來進行相應的操作。它為我們提供了一種在Web頁面中實現異步通信的高效方式，提升了用戶體驗。因此，在使用Ajax進行前端開發時，了解如何獲取返回狀態碼是非常重要的一部分。