AJAX（Asynchronous JavaScript and XML）是一種在網頁中使用的交互式技術，它允許網頁從服務器異步加載數據，而無需刷新整個頁面。AJAX常常與JSON（JavaScript Object Notation）結合使用，以便于處理從服務器返回的數據。JSON是一種輕量級數據交換格式，常用于數據傳輸和存儲。通過在AJAX請求中使用JSON，我們可以更方便地處理和解析返回的數據，實現更高效的數據交互。

首先，讓我們看一個例子。假設我們有一個在線商城網站，用戶可以通過一個下拉菜單選擇不同的產品類別。當用戶選擇一個類別后，網頁應該自動顯示該類別下的產品列表。為了實現這個功能，我們可以使用AJAX來獲取服務器的產品數據，并使用JSON格式返回。然后，我們可以使用JavaScript解析JSON數據并根據其內容動態生成產品列表。

// 使用AJAX獲取產品數據
function getProductData(category) {
// 創建HTTP請求對象
var httpRequest = new XMLHttpRequest();
// 定義請求處理函數
httpRequest.onreadystatechange = function() {
if (httpRequest.readyState === XMLHttpRequest.DONE) {
// 檢查HTTP請求狀態
if (httpRequest.status === 200) {
// 請求成功，解析返回的JSON數據
var responseData = JSON.parse(httpRequest.responseText);
// 根據JSON數據生成產品列表
generateProductList(responseData);
} else {
// 請求失敗，顯示錯誤信息
console.log('請求失敗');
}
}
};
// 設置AJAX請求參數
var url = 'http://example.com/products?category=' + encodeURIComponent(category);
httpRequest.open('GET', url);
// 發送AJAX請求
httpRequest.send();
}
// 根據JSON數據生成產品列表
function generateProductList(data) {
// 在網頁中操作DOM，生成產品列表
// ...
}

在上面的代碼中，我們首先定義了一個getProductData函數。該函數接受一個類別參數，然后創建一個AJAX請求對象httpRequest。然后，我們使用open方法設置請求的URL，并使用send方法發送請求。當請求狀態發生改變時，我們檢查請求的狀態和HTTP狀態碼。如果請求成功，我們使用JSON.parse方法解析返回的JSON數據，并將其傳遞給generateProductList函數。如果請求失敗，我們在控制臺中輸出錯誤信息。

接下來，我們定義了一個generateProductList函數，該函數接受一個JSON數據作為參數。該函數將通過操作網頁中的DOM元素來生成產品列表。這里我們只是簡單地展示了如何根據JSON數據生成產品列表，具體的操作可能因具體的網頁結構而有所變化。

在實際開發中，我們可以使用類似上述的方式，通過AJAX請求獲取服務器返回的JSON數據，然后使用JavaScript解析和處理該數據。通過使用JSON格式的數據，我們可以更輕松地讀取和修改數據的內容。例如，我們可以根據用戶的輸入動態篩選產品列表，或者根據數據庫中的數據動態生成圖表和報表。總之，AJAX和JSON的結合為網頁開發帶來了更高效和靈活的數據交互方式。