AJAX和JSON是實現購物車功能的重要技術。AJAX（Asynchronous JavaScript and XML）是一種在不重新加載整個頁面的情況下與服務器交換數據的技術，通過異步請求可以實現無刷新更新購物車數量、價格等信息。而JSON（JavaScript Object Notation）是一種輕量級的數據交換格式，適合用于在客戶端和服務器之間傳輸購物車數據。通過AJAX和JSON的組合，購物車功能可以實現實時的、無刷新的更新。

例如，在一個電商網站中，用戶在商品詳情頁面點擊“加入購物車”按鈕后，通過AJAX發送異步請求將選中的商品信息以JSON格式傳輸到服務器端。服務器接收到請求后，將商品信息加入購物車中，并返回更新后的購物車數據，包括購物車中商品的數量、價格等。客戶端再通過AJAX接收到服務器返回的JSON數據，并使用JavaScript將購物車中的商品數量和價格實時更新到頁面上。

// AJAX異步請求實現加入購物車
function addToCart(itemId) {
var data = {
id: itemId,
name: '商品名稱',
price: 99.99,
quantity: 1
};
$.ajax({
type: 'POST',
url: '/cart/add',
data: JSON.stringify(data),
contentType: 'application/json',
success: function(response) {
// 更新購物車數量和價格
updateCart(response);
}
});
}
// 更新購物車數量和價格
function updateCart(cartData) {
var cartQuantity = cartData.quantity;
var cartPrice = cartData.price;
// 更新頁面上的購物車數量和價格
$('#cart-quantity').text(cartQuantity);
$('#cart-price').text(cartPrice);
}

通過使用AJAX和JSON，用戶在點擊“加入購物車”按鈕后，頁面不會重新加載，用戶體驗更好。同時，購物車的數量和價格等信息也實時更新，用戶可以清楚地知道購物車中商品的變化。

除了實現實時更新購物車數量和價格，AJAX和JSON還可以用于其他購物車功能的實現。例如，用戶可以在購物車頁面點擊“刪除”按鈕，將選中的商品從購物車中移除。

// AJAX異步請求實現刪除購物車商品
function deleteCartItem(itemId) {
$.ajax({
type: 'POST',
url: '/cart/delete',
data: JSON.stringify({id: itemId}),
contentType: 'application/json',
success: function(response) {
// 更新購物車數量和價格
updateCart(response);
}
});
}

在上述代碼中，deleteCartItem函數用于發送異步請求刪除購物車中的商品。服務器接收到請求后，根據商品ID將對應的商品從購物車中刪除，并返回更新后的購物車數據。客戶端通過AJAX接收到JSON數據，并調用updateCart函數實時更新購物車頁面上的商品數量和價格。

綜上所述，AJAX和JSON是實現購物車功能的關鍵技術。通過異步請求和數據交換，購物車可以實現實時更新和無刷新操作，提升用戶的購物體驗。