AJAX（Asynchronous JavaScript and XML）是一種在網頁上創建異步請求的技術。通過AJAX，可以實現網頁與服務器之間的數據交互，從而改善用戶體驗并提高網頁性能。

AJAX對JSON數據的處理十分高效靈活。JSON（JavaScript Object Notation）是一種常用的數據格式，可以用于存儲和交換數據。下面通過舉例說明，來探討AJAX如何處理JSON數據。

假設我們正在開發一個簡單的電商網站，其中有一個商品列表頁，需要動態加載商品數據。我們將使用AJAX來獲取服務器返回的JSON格式的數據，并將其呈現在網頁上。

// HTML代碼 - 商品列表頁
<div id="productList"></div>
// JavaScript代碼 - 使用AJAX請求JSON數據
var productList = document.getElementById("productList");
var xhr = new XMLHttpRequest();
xhr.open("GET", "products.json", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var products = JSON.parse(xhr.responseText);
// 遍歷JSON數據，生成商品列表
products.forEach(function(product) {
var productItem = document.createElement("div");
productItem.innerHTML = product.name;
productList.appendChild(productItem);
});
}
};
xhr.send();

在上述代碼中，我們首先使用AJAX發送GET請求，獲取名為"products.json"的JSON數據。一旦AJAX請求完成，我們會檢查返回的狀態碼和響應內容。如果狀態碼為200，表示請求成功，我們將使用JSON.parse()方法解析響應的文本內容。這樣可以將JSON字符串轉換為JavaScript對象，便于進一步處理。

接著，我們使用forEach方法遍歷JSON數據中的產品，并生成相應的網頁元素來顯示產品名稱。通過appendChild方法，我們將這些元素添加到id為"productList"的容器中。

以上代碼實現了基本的JSON數據處理。當我們訪問商品列表頁時，AJAX會異步加載JSON數據，并將其動態展示在頁面上。

除了在商品列表頁中展示JSON數據，AJAX還可以用于其他方面的處理。例如，當用戶點擊某個商品，我們可以使用AJAX請求該商品的詳細信息，并使用JSON數據來更新商品詳情頁。

// HTML代碼 - 商品詳情頁
<div id="productDetail"></div>
// JavaScript代碼 - 使用AJAX請求JSON數據
var productDetail = document.getElementById("productDetail");
var productId = 1;  // 假設商品ID為1
var xhr = new XMLHttpRequest();
xhr.open("GET", "product/" + productId + ".json", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var product = JSON.parse(xhr.responseText);
// 更新商品詳情頁的內容
productDetail.innerHTML = product.name + ": " + product.description;
}
};
xhr.send();

在上述代碼中，我們使用AJAX請求單個商品的詳細信息。請求的URL形如"product/1.json"，其中1為商品的ID。一旦請求完成并獲得響應，我們再次使用JSON.parse()方法將JSON字符串轉換為JavaScript對象。然后，我們將商品名稱和描述拼接起來，并使用innerHTML屬性更新商品詳情頁的內容。

總而言之，AJAX對JSON數據的處理非常方便。無論是實時加載商品列表數據，還是更新商品詳情信息，AJAX都可以快速響應并處理JSON格式的數據。這使得網頁的交互性和性能得到了顯著的提升。