AJAX(Asynchronous JavaScript and XML)是一種用于在Web頁面上實現異步數據交互的技術。使用AJAX，我們可以在不刷新整個頁面的情況下，通過與服務器進行數據的異步交互，更新頁面的部分內容。而JSON(JavaScript Object Notation)是一種輕量級的數據交換格式，常用于在客戶端和服務器之間傳遞數據。在本文中，我們將討論如何通過AJAX從服務器獲取JSON數據，并對其進行處理。

假設我們有一個網頁，其中顯示了用戶的姓名和年齡。當用戶點擊一個按鈕時，我們希望通過AJAX從服務器獲取用戶的詳細信息，并在網頁上顯示出來。首先，我們需要創建一個AJAX請求，以向服務器發送請求并接收響應。以下是一個簡單的例子：

var xhr = new XMLHttpRequest();
xhr.open('GET', '/user/info', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var responseData = JSON.parse(xhr.responseText);
var name = responseData.name;
var age = responseData.age;
document.getElementById('name').innerHTML = name;
document.getElementById('age').innerHTML = age;
}
};
xhr.send();

在以上代碼中，我們通過XMLHttpRequest對象創建了一個GET請求，并指定了服務器的路徑為"/user/info"。當服務器返回響應時，我們檢查readyState屬性和status屬性來確保請求已經完成，并且服務器的響應狀態為200（表示請求成功）。如果滿足這些條件，我們將通過JSON.parse()方法解析服務器的響應文本，并提取出姓名和年齡信息。然后，我們將姓名和年齡信息分別顯示在id為"name"和"id"的HTML元素中。

上述代碼中使用的onreadystatechange事件處理程序是為了指定一個在AJAX請求的狀態發生變化時被調用的回調函數。XMLHttpRequest對象有4個表示不同狀態的數值：0（初始狀態，未開始），1（已啟動），2（已發送請求），3（已接收響應）和4（已完成）。當readyState屬性的值變為4時，表示請求已經完成，并且服務器的響應已經接收完畢。我們可以通過status屬性來獲取服務器的響應狀態碼。

在以上例子中，我們假設服務器返回的響應數據格式為JSON。JSON是一種輕量級的數據格式，主要由鍵值對構成。例如，服務器可能返回以下JSON數據：

{
"name": "Alice",
"age": 25
}

我們可以通過JSON.parse()方法將該JSON數據解析為一個JavaScript對象。然后，我們可以使用對象的屬性來訪問其中的數據。

通過AJAX從服務器獲取JSON數據并處理，我們可以實現更加動態和實時的Web頁面。例如，我們可以實時地更新股票價格、天氣預報或者社交媒體的新聞提醒。而且，由于JSON數據格式的簡潔性和靈活性，它在前后端數據交互中得到了廣泛的應用。

綜上所述，AJAX和JSON的結合為Web開發帶來了許多便利。通過AJAX請求，我們可以從服務器獲取JSON數據，并通過解析和處理這些數據來更新網頁的內容。AJAX和JSON的組合不僅提升了用戶體驗，還為開發者提供了更加靈活和高效的數據交互方式。