AJAX（Asynchronous JavaScript and XML）是一種用于在不刷新整個頁面的情況下與服務器交換數據的技術。在開發過程中，我們經常需要獲取服務器返回的狀態代碼來判斷請求是否成功或者發生了錯誤。本文將詳細介紹如何使用AJAX來獲取服務器返回的狀態代碼，并通過舉例說明其使用方法。

要獲取服務器返回的狀態代碼，我們可以借助AJAX的回調函數，特別是success和error函數。success函數在請求成功時被調用，而error函數在請求失敗時被調用。在這兩個函數中，我們可以獲取到服務器返回的狀態代碼，并進行相應的處理。

舉個例子，假設我們有一個用于登錄的表單，在用戶點擊登錄按鈕后，通過AJAX向服務器發送登錄請求，并獲取服務器返回的狀態代碼來判斷登錄的結果。以下是一個使用jQuery庫來實現的例子：

$.ajax({
url: "login.php",
method: "POST",
data: $("#loginForm").serialize(),
success: function(response, status, xhr) {
// 獲取狀態代碼
var statusCode = xhr.status;
// 判斷狀態代碼
if (statusCode === 200) {
// 登錄成功
} else if (statusCode === 401) {
// 用戶名或密碼錯誤
} else {
// 其他錯誤
}
},
error: function(xhr, status, error) {
// 獲取狀態代碼
var statusCode = xhr.status;
// 處理錯誤
}
});

在上述例子中，我們通過在success函數中獲取xhr對象的status屬性來獲取服務器返回的狀態代碼。根據不同的狀態代碼，我們可以進行不同的處理。例如，當狀態代碼為200時，表示登錄成功；當狀態代碼為401時，表示用戶名或密碼錯誤。

除了使用success和error函數外，我們還可以使用complete函數來獲取服務器返回的狀態代碼。complete函數在請求完成后被調用，不論成功或失敗都會執行。以下是使用complete函數的例子：

$.ajax({
url: "login2.php",
method: "POST",
data: $("#loginForm").serialize(),
complete: function(xhr, status) {
// 獲取狀態代碼
var statusCode = xhr.status;
// 判斷狀態代碼
if (statusCode === 200) {
// 登錄成功
} else if (statusCode === 401) {
// 用戶名或密碼錯誤
} else {
// 其他錯誤
}
}
});

在這個例子中，我們同樣通過獲取xhr對象的status屬性來獲取服務器返回的狀態代碼。根據不同的狀態代碼，我們可以進行不同的處理。

總之，通過使用AJAX的回調函數，特別是success和error函數，我們可以方便地獲取服務器返回的狀態代碼。通過判斷狀態代碼，我們可以進行相應的處理，從而實現更加靈活和可靠的交互效果。