AJAX（Asynchronous JavaScript and XML）是一種用于在不重新加載整個頁面的情況下，通過后臺與服務器進行數據交互的技術。在許多情況下，我們需要將某個頁面中的數據傳遞到另一個頁面進行處理或展示。本文將介紹如何使用AJAX傳遞參數到另一個頁面，并通過一些實例來加深理解。

首先，讓我們來看一個簡單的例子。假設我們有一個網頁上展示了一個產品列表，并且為每個產品添加了一個"添加到購物車"的按鈕。當用戶點擊按鈕時，我們希望將該產品的信息傳遞到購物車頁面進行處理。

// HTML
<div class="product-item">
<h3>產品1</h3>
<button onclick="addToCart('產品1')">添加到購物車</button>
</div>
<div class="product-item">
<h3>產品2</h3>
<button onclick="addToCart('產品2')">添加到購物車</button>
</div>
// JavaScript
function addToCart(product) {
var xhr = new XMLHttpRequest();
xhr.open("POST", "cart.php", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
xhr.send("product=" + product);
}

在上述代碼中，我們為每個產品項添加了一個按鈕，按鈕的點擊事件調用了名為`addToCart`的JavaScript函數，它接受一個參數`product`，表示當前點擊的產品。在函數內部，我們通過`XMLHttpRequest`對象創建了一個異步請求，指定了請求的目標URL為`cart.php`，并將請求方式設置為POST。然后，我們設置了請求頭中的`Content-Type`為`"application/x-www-form-urlencoded"`，這是一種常見的請求數據格式。接下來，我們通過`xhr.send`方法將該產品傳遞給服務器。

在購物車頁面（cart.php）中，我們可以通過`$_POST`來獲取傳遞過來的參數。以下是一個簡單的例子：

// PHP
$product = $_POST['product'];
echo "已添加產品：" . $product;

在這個例子中，我們使用PHP來接收通過AJAX傳遞過來的參數。我們使用了`$_POST['product']`來獲取傳遞過來的`product`參數，并將其輸出到頁面上。在實際項目中，我們可以根據需要將該參數用于后續處理，例如將其保存到數據庫中。

除了上述例子中的POST請求，我們還可以使用GET請求將參數傳遞到另一個頁面。以下是一個使用GET請求傳遞參數的例子：

// HTML
<div class="product-item">
<h3>產品1</h3>
<a href="cart.php?product=產品1">添加到購物車</a>
</div>
<div class="product-item">
<h3>產品2</h3>
<a href="cart.php?product=產品2">添加到購物車</a>
</div>

在這個例子中，我們將產品名稱作為參數添加到URL的查詢字符串中，并在`a`標簽的`href`屬性中指定。當用戶點擊鏈接時，瀏覽器將向`cart.php`發送GET請求，并攜帶查詢參數`product`。

在接收參數的PHP頁面（cart.php）中，我們可以使用`$_GET`來獲取通過URL傳遞過來的參數：

// PHP
$product = $_GET['product'];
echo "已添加產品：" . $product;

綜上所述，通過AJAX將參數傳遞到另一個頁面是一種非常常見的需求。無論是使用POST請求還是GET請求，我們都可以輕松地將數據傳遞給服務器，并在另一個頁面中進行相應的處理。在實際應用中，我們可以根據具體需求選擇合適的方法來傳遞參數，并結合后續的業務邏輯進行處理。