AJAX技術是一種通過在后臺與服務器進行數據交換的技術，實現了頁面無刷新的局部更新。在電商網站中，將商品添加到購物車是一個常見的功能。使用AJAX技術可以實現用戶無需刷新頁面即可將商品加入購物車，提升了用戶體驗。本文將介紹如何使用AJAX實現將商品加入購物車的功能，并通過舉例說明其實現過程。

首先，我們需要在頁面上創建一個商品列表，這個列表上有一系列的商品項。每個商品項都有一個“加入購物車”的按鈕，點擊該按鈕后將此商品加入購物車。我們使用AJAX來完成此功能，首先需要綁定“加入購物車”按鈕的點擊事件，并將點擊的商品的信息作為參數傳遞給后臺。

<script>
// 綁定加入購物車按鈕的點擊事件
$('.add-to-cart-btn').click(function() {
// 獲取點擊的商品信息
let productId = $(this).data('product-id');
let productName = $(this).data('product-name');
let productPrice = $(this).data('product-price');
// 發送AJAX請求將商品加入購物車
$.ajax({
url: 'add_to_cart.php',
method: 'POST',
data: {
id: productId,
name: productName,
price: productPrice
},
success: function(response) {
// 處理服務器返回的響應數據
if (response.success) {
alert('商品已成功加入購物車!');
} else {
alert('添加商品到購物車失敗！');
}
},
error: function() {
alert('處理請求時出現錯誤！');
}
});
});
</script>

上述代碼給所有的“加入購物車”按鈕綁定了點擊事件，并通過AJAX請求將商品的信息傳遞給后臺處理。AJAX請求中指定了請求的URL和請求方法，并將商品信息作為請求的數據發送給服務器。在服務器端，我們可以根據接收到的商品信息將其添加到購物車中，并返回相應的結果。

<?php
// add_to_cart.php
$productId = $_POST['id'];
$productName = $_POST['name'];
$productPrice = $_POST['price'];
// 將商品加入購物車的代碼邏輯
// ...
// 返回響應結果
$response = array('success' =>true);
echo json_encode($response);
?>

在服務器端，我們首先獲取通過AJAX請求發送的商品信息。然后，我們可以根據這些信息進行相應的業務處理，例如將商品添加到購物車。在本例中，我們將其略過，只返回一個固定的成功響應結果。在成功添加商品到購物車后，需要返回一個響應給前端頁面。在本例中，我們通過json_encode函數將響應結果轉換成JSON格式，并將其直接輸出作為響應結果。

通過上述代碼，我們成功地使用AJAX實現了將商品添加到購物車的功能。當用戶點擊“加入購物車”按鈕時，頁面不會刷新，而是通過AJAX技術將商品信息發送給后臺，后臺進行相應的處理，并將處理結果返回給前端頁面。用戶可以在不離開當前頁面的情況下，連續添加多個商品到購物車中，極大地提升了用戶體驗。

綜上所述，AJAX在電商網站中實現將商品加入購物車的功能非常便利。通過使用AJAX技術，用戶無需刷新頁面即可將商品添加到購物車，大大提升了用戶的購物體驗。同時，AJAX技術還可以簡化前后端之間的數據交互過程，減少了頁面加載的時間，為用戶提供了更快速、高效的購物體驗。