AJAX是一種用于在后臺進行數據交換的技術，它可以在不刷新整個頁面的情況下向服務器發送請求并接收響應。使用AJAX進行數據交換的一種常見形式是通過取出JSON數據。JSON（JavaScript Object Notation）是一種輕量級的數據交換格式，它易于閱讀和編寫，并且在前端開發中被廣泛使用。

假設我們正在開發一個購物網站，用戶可以在網站上瀏覽商品并添加到購物車中。當用戶點擊“添加到購物車”按鈕時，我們可以使用AJAX獲取商品的JSON數據，并將其添加到購物車中。以下是一個示例：

var product = {
"name": "Apple iPhone 12",
"price": 1099,
"color": "Space Gray"
};
$.ajax({
url: "/api/add-to-cart",
type: "POST",
data: JSON.stringify(product),
contentType: "application/json",
success: function(response) {
alert("商品已成功添加到購物車！");
},
error: function() {
alert("添加商品到購物車時出錯，請重試。");
}
});

在上面的示例中，我們定義了一個名為`product`的JavaScript對象，它包含商品的名稱、價格和顏色信息。使用`JSON.stringify()`函數將該對象轉換為JSON字符串，并將其作為請求的數據發送到服務器。服務器將根據接收到的數據執行相應的操作，并返回一個響應。根據服務器的響應，我們可以在`success`回調函數中顯示一個成功的消息，或者在`error`回調函數中顯示一個錯誤的消息。

除了添加商品到購物車，我們還可以使用AJAX取出JSON數據來進行其他的操作。例如，當用戶在搜索框中輸入關鍵字時，我們可以使用AJAX獲取包含相應關鍵字的商品列表，并將其顯示給用戶。以下是另一個示例：

var keyword = "iPhone";
$.ajax({
url: "/api/search",
type: "GET",
data: { keyword: keyword },
success: function(response) {
var products = JSON.parse(response);
renderProductList(products);
},
error: function() {
alert("搜索商品時出錯，請重試。");
}
});
function renderProductList(products) {
var productList = document.getElementById("product-list");
for (var i = 0; i< products.length; i++) {
var product = products[i];
var listItem = document.createElement("li");
listItem.innerHTML = product.name + " - ￥" + product.price;
productList.appendChild(listItem);
}
}

在上面的示例中，我們定義了一個名為`keyword`的變量，它保存用戶在搜索框中輸入的關鍵字。我們使用AJAX發送一個GET請求到服務器，并將`keyword`作為請求的參數發送。服務器將根據關鍵字返回包含相應商品的JSON數據。在`success`回調函數中，我們首先使用`JSON.parse()`函數將響應的JSON字符串轉換為JavaScript對象，然后調用`renderProductList()`函數來渲染商品列表。

總之，使用AJAX取出JSON數據是一種強大而靈活的方式，它可以改善用戶體驗并提高網站的性能。通過將數據交換從整個頁面刷新變為局部刷新，我們可以在不中斷用戶當前操作的情況下更新頁面內容。無論是將商品添加到購物車還是搜索商品，AJAX都是一個十分有用的工具。