在網頁開發中，Ajax (Asynchronous JavaScript and XML) 是一種通過在后臺與服務器進行數據交換的技術。通常情況下，Ajax會實時地更新頁面的內容，而無需重新加載整個頁面。當我們需要在另一個頁面傳值時，可以利用Ajax的特性來實現。本文將介紹一些常見的使用Ajax在另一個頁面傳值的方法，并通過具體的示例加以說明。
傳值的場景很多，例如一個在線購物網站的購物車功能。當用戶點擊“加入購物車”按鈕時，我們希望能夠將選中的商品信息傳遞到購物車頁面，以便用戶在購物車頁面查看所選商品并進行后續操作。下面，我們通過Ajax來實現這個功能。
首先，在商品詳情頁面，我們需要使用JavaScript編寫一個Ajax請求，將選中的商品信息發送給服務器。代碼如下：

javascript
function addToCart(productId) {
// 獲取商品信息
var productName = document.getElementById('productName').innerText;
var productPrice = document.getElementById('productPrice').innerText;
// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 設置請求方式和URL
xhr.open('POST', 'addToCart.php', true);
// 設置請求頭
xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
// 處理服務器響應
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = xhr.responseText;
// 根據服務器返回的內容進行相應處理
if (response === 'success') {
alert('商品已成功添加到購物車！');
} else {
alert('添加商品到購物車失敗，請稍后再試。');
}
}
};
// 發送請求
xhr.send('productId=' + productId + '&productName=' + encodeURIComponent(productName) + '&productPrice=' + encodeURIComponent(productPrice));
}

在這段代碼中，我們首先獲取了商品的相關信息，包括商品名稱和價格。然后，我們創建了一個XMLHttpRequest對象，并使用open()方法指定了請求的方式（POST）和URL（'addToCart.php'）。接下來，我們設置了請求頭，告訴服務器請求的數據類型。然后，我們通過send()方法發送了一個包含商品信息的HTTP請求。最后，我們在onreadystatechange事件處理器中處理服務器的響應，根據服務器返回的內容進行相應的提示。
在購物車頁面，我們可以使用PHP或其他服務器端技術來處理Ajax請求，將商品信息保存到購物車中。例如，addToCart.php的代碼如下：

php
<?php
// 獲取Ajax請求的數據
$productId = $_POST['productId'];
$productName = $_POST['productName'];
$productPrice = $_POST['productPrice'];
// 保存商品信息到購物車
// ...
// 返回響應
echo 'success';
?>

在addToCart.php中，我們首先獲取Ajax請求的數據，即商品的信息。然后，我們可以根據需求將商品信息保存到購物車中，這里我們省略了具體的保存過程。最后，我們通過echo語句返回一個響應給前端頁面，表示商品添加到購物車的結果。
通過以上的示例，我們可以看到，利用Ajax在另一個頁面傳值并不難實現。我們只需要先在發送端的頁面編寫Ajax請求，并將需要傳遞的數據以特定的格式發送給服務器。然后，在接收端的頁面對接收到的數據進行處理，以達到我們的需求。
需要注意的是，Ajax傳值是一種異步的操作，所以接收端的頁面需要隨時準備好處理接收到的數據，并根據需求進行相應的操作。
總結起來，通過Ajax在另一個頁面傳值是一種常見的網絡開發需求。通過使用Ajax，我們可以實現實時地將數據傳遞到另一個頁面，而無需重新加載整個頁面。通過本文的介紹和示例，相信讀者對于如何使用Ajax在另一個頁面傳值有了更深入的理解，并且能夠運用到實際的開發中。