AJAX（Asynchronous JavaScript and XML）是一種用于創建交互式網頁應用程序的技術。它通過在后臺與服務器進行異步通信，實現在不重新加載整個網頁的情況下更新部分頁面內容。AJAX通常使用JSON（JavaScript Object Notation）作為數據格式，因為JSON格式簡單明了，易于解析和生成。

JSON是一種輕量級的數據交換格式，以鍵值對的形式組織數據。它由JavaScript對象和數組組成，可以輕松地在不同的編程語言中傳遞和解析。通過在網絡上發送JSON數據，可以有效地將數據從服務器傳輸到客戶端，并在客戶端上進行處理和顯示。

例如，假設我們正在開發一個在線商店應用程序，需要從服務器獲取商品信息并在網頁上顯示。使用AJAX和JSON的組合，我們可以通過以下代碼實現：

var xhttp = new XMLHttpRequest();  // 創建XMLHttpRequest對象
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var response = JSON.parse(this.responseText);  // 解析JSON響應
var products = response.products;  // 獲取商品數組
for (var i = 0; i < products.length; i++) {
var product = products[i];
var productName = product.name;  // 獲取商品名稱
var productPrice = product.price;  // 獲取商品價格
// 在頁面上顯示商品信息
document.getElementById("product-list").innerHTML += "<li>" + productName + " - $" + productPrice + "</li>";
}
}
};
xhttp.open("GET", "api/products", true);  // 發送GET請求獲取商品信息
xhttp.send();

在上述代碼中，我們使用XMLHttpRequest對象創建了一個HTTP請求，并指定了響應的回調函數。當服務器返回響應時，我們使用JSON.parse()函數解析響應的文本，將其轉換為JavaScript對象。然后，我們可以在代碼中訪問和操作此對象的屬性和數組。

通過遍歷商品數組，我們可以在網頁上顯示每個商品的名稱和價格。我們將使用getElementById()函數來獲取要顯示商品信息的HTML元素，并將商品信息作為列表項添加到該元素的innerHTML屬性中。這樣，每當我們從服務器獲取新的商品信息時，網頁上的商品列表將自動更新。

總而言之，AJAX和JSON的結合使得我們能夠在網頁上以異步方式獲取和處理數據。通過使用JSON作為數據格式，我們可以輕松地在服務器和客戶端之間傳遞復雜的數據結構，并實現動態和交互式的用戶體驗。