近年來，隨著Web應用的高度互動化和個性化，前端開發技術也得到了極大的發展。其中，Ajax作為一種可以在瀏覽器和服務器之間異步傳輸數據的技術，被廣泛應用于Web開發中。在Web開發中，有時候需要將數據從一個頁面傳遞到另一個頁面，這時候就可以利用Ajax來實現該功能。本文將介紹如何使用Ajax給另一個頁面傳值，并通過舉例說明其實際應用。
假設我們正在開發一個電商網站，在商品詳情頁面中，用戶可以選擇商品的數量和型號，然后將選擇的商品加入購物車。當用戶點擊“加入購物車”按鈕時，需要將用戶選擇的商品信息傳遞到購物車頁面，以便購物車頁面可以正確顯示用戶添加的商品信息。
首先，我們需要在商品詳情頁面中編寫一段Ajax代碼。在用戶點擊“加入購物車”按鈕后，通過JavaScript獲取用戶選擇的商品信息，然后使用Ajax將該信息發送到購物車頁面。

javascript
function addToCart() {
// 獲取用戶選擇的商品信息
var quantity = document.getElementById('quantity').value;
var size = document.getElementById('size').value;
// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 配置請求方法、URL以及是否異步
xhr.open('POST', 'cart.php', true);
// 設置請求頭
xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
// 設置回調函數
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
console.log(xhr.responseText);
// 根據服務器返回的結果，進行相應的處理
}
};
// 將商品信息發送到購物車頁面
xhr.send('quantity=' + quantity + '&size=' + size);
}

在上述代碼中，我們首先獲取了用戶選擇的商品數量和型號。然后，創建了一個XMLHttpRequest對象，并使用open方法設置了請求的方法（POST）和URL（cart.php），同時還設置了是否異步（true）。接下來，我們通過setRequestHeader方法設置了請求頭，指定了請求的內容類型。最后，我們調用了send方法，將用戶選擇的商品信息通過POST請求發送到購物車頁面。
在購物車頁面中，我們需要編寫一段PHP代碼來接收并處理通過Ajax發送過來的商品信息。下面是購物車頁面的PHP代碼示例：

php
<?php
$quantity = $_POST['quantity'];
$size = $_POST['size'];
// 執行相關處理操作，比如將商品信息寫入數據庫或者進行其他計算等
// 返回響應結果
echo '商品已成功添加到購物車！';
?>

在上述代碼中，我們通過$_POST變量來接收通過Ajax發送過來的商品信息。然后，我們可以執行一些相關處理操作，比如將商品信息寫入數據庫或者進行其他計算等。最后，我們通過echo語句將響應結果返回給商品詳情頁面。
通過上述實例，我們可以看到，使用Ajax給另一個頁面傳值非常簡潔和方便。我們只需要使用XMLHttpRequest對象發送請求，并通過POST方法將數據發送到目標頁面，然后在目標頁面中使用對應的服務器端語言來接收并處理這些數據。這種方式不僅可以實現頁面間的數據傳遞，還可以實現與服務器交互，實現動態更新頁面內容，提升用戶體驗。
總結起來，Ajax給另一個頁面傳值是一種非常實用的技術，可以方便地實現前端頁面間的數據傳遞和與服務器的交互。在實際應用中，我們可以根據具體的需求和場景，靈活運用Ajax技術，提升Web應用的交互性和個性化。