AJAX（Asynchronous JavaScript and XML）是一種用于在瀏覽器和服務器之間異步傳輸數據的技術。而JSON（JavaScript Object Notation）是一種數據格式，常用于在客戶端和服務器之間傳輸結構化數據。在這篇文章中，我將介紹一個關于使用AJAX和JSON的案例。該案例涉及一個電子商務網站，用戶可以在網站上瀏覽商品，并且可以通過AJAX和JSON實時更新購物車。

首先，讓我們創建一個簡單的商品列表。我們可以使用AJAX請求一個JSON文件，其中包含了商品的名稱、價格和描述等信息。以下是一個例子：

$(document).ready(function(){
$.ajax({
type: "GET",
url: "products.json",
dataType: "json",
success: function(data){
// 解析JSON數據并添加到網頁上
for(var i=0; i<data.length; i++){
var product = data[i];
var productName = product.name;
var productPrice = product.price;
var productDescription = product.description;
// 將商品添加到列表中
var productItem = "<li><h3>" + productName + "</h3><p>" + productDescription + "</p><p>價格：￥" + productPrice + "</p></li>";
$("#productList").append(productItem);
}
},
error: function(){
console.log("無法獲取商品信息。");
}
});
});

在上面的代碼中，我們使用了jQuery的AJAX方法來請求一個名為"products.json"的JSON文件。當成功獲取到數據后，我們會將每個商品的名稱、價格和描述等信息添加到網頁上的商品列表中。

接下來，我們需要實現一個購物車功能。當用戶點擊"添加到購物車"按鈕時，我們可以通過AJAX將選定的商品信息以JSON格式提交到服務器。以下是一個例子：

$("#addToCartButton").click(function(){
var selectedProduct = {
name: $("#productName").text(),
price: $("#productPrice").text(),
description: $("#productDescription").text()
};
$.ajax({
type: "POST",
url: "addToCart.php",
data: JSON.stringify(selectedProduct),
contentType: "application/json",
success: function(){
console.log("商品已成功添加到購物車。");
},
error: function(){
console.log("無法將商品添加到購物車。");
}
});
});

在上面的代碼中，當用戶點擊"添加到購物車"按鈕時，我們會創建一個包含選定商品信息的JavaScript對象。然后，我們使用AJAX將該對象以JSON格式發送到服務器的"addToCart.php"頁面進行處理。服務器可以接收到JSON數據，并將該商品添加到購物車中。

最后，我們需要實時更新購物車顯示的商品數量。當用戶添加商品到購物車時，我們可以通過AJAX請求購物車的JSON數據，然后更新購物車的顯示。以下是一個例子：

$(document).ready(function(){
refreshCart();
});
function refreshCart(){
$.ajax({
type: "GET",
url: "cart.json",
dataType: "json",
success: function(data){
var totalItems = data.length;
// 更新購物車顯示
$("#cart").text("購物車（" + totalItems + "件商品）");
},
error: function(){
console.log("無法獲取購物車信息。");
}
});
}

在上面的代碼中，當頁面加載完成時，我們會調用refreshCart()函數，該函數會發送一個AJAX請求獲取購物車的JSON數據。當成功獲取到數據后，我們會更新購物車顯示的商品數量。這樣，用戶就可以實時看到購物車中的商品數量。

綜上所述，通過使用AJAX和JSON，我們可以實現實時更新購物車的功能。用戶可以方便地瀏覽商品、添加商品到購物車，并實時更新購物車顯示的商品數量。