AJAX（Asynchronous JavaScript and XML）是一種在Web開發中常用的技術，它允許網頁在不重新加載的情況下與服務器進行異步通信。在AJAX中，與服務器通信的過程中，有五個不同的狀態，從初始化到完成。本文將介紹AJAX的五種狀態及其生命周期，并通過舉例說明。

第一種狀態 - 未初始化狀態（0）：

var xhr = new XMLHttpRequest();
// readyState = 0
console.log(xhr.readyState);

當通過XMLHttpRequest對象創建一個新的AJAX請求時，它的readyState屬性將被設置為0，表示未初始化狀態。此時，請求尚未建立。

第二種狀態 - 已打開狀態（1）：

xhr.open("GET", "data.json", true);
// readyState = 1
console.log(xhr.readyState);

在打開狀態中，AJAX請求已被初始化，并且與服務器的連接已被建立，但請求還未發送。這個狀態在執行open()方法后立即發生。

第三種狀態 - 請求已發送狀態（2）：

xhr.send();
// readyState = 2
console.log(xhr.readyState);

在請求已發送狀態中，XMLHttpRequest對象已經將請求發送到了服務器，但還未接收到服務器的響應。此時，我們可以在請求頭中添加一些信息，如Content-Type等。

第四種狀態 - 正在接收服務器響應狀態（3）：

xhr.onreadystatechange = function() {
// readyState = 3
console.log(xhr.readyState);
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};

在服務器響應狀態中，AJAX對象正在接收服務器的響應，響應的數據可能是部分的。我們可以通過readyState屬性來檢查當前狀態，一旦準備就緒（readyState=4），并且服務器返回了成功的狀態碼（status=200），我們就可以處理響應的數據。

第五種狀態 - 請求完成狀態（4）：

xhr.onreadystatechange = function() {
// readyState = 4
console.log(xhr.readyState);
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};

在請求完成狀態中，AJAX請求已經完成，服務器的響應也已經完全接收。這意味著我們可以從服務器響應中獲取所需的數據，并進行進一步的處理。

綜上所述，AJAX的五種狀態及其生命周期非常重要，我們可以在不重載整個頁面的情況下與服務器進行交互。通過監聽這五個狀態，我們可以實現更高效和動態的Web應用程序。