本文主要討論了在不同頁面之間傳遞參數的方法，并以舉例的方式介紹了其中一種常用的方法——使用Ajax。通過Ajax，我們可以在不刷新整個頁面的情況下，將參數從一個頁面傳遞到另一個頁面，并對傳遞的參數進行處理或展示。

在前端開發中，經常會遇到需要在不同頁面之間傳遞參數的情況。例如，一個電商網站的商品列表頁面上有很多商品，當用戶點擊某個商品的詳情按鈕時，需要跳轉到該商品的詳情頁面，并傳遞相應的參數。在這種情況下，我們可以使用Ajax來實現參數的傳遞。

在商品列表頁面中，每個商品都有一個詳情按鈕，通過點擊詳情按鈕，我們可以跳轉到對應商品的詳情頁面。因此，我們可以給每個詳情按鈕添加一個點擊事件，并在點擊事件中獲取對應商品的參數，然后通過Ajax將參數傳遞給詳情頁面。

// 商品列表頁面的部分代碼
<div class="product">
<h2>商品1</h2>
<button onclick="showProductDetail(1)">詳情</button>
</div>
<div class="product">
<h2>商品2</h2>
<button onclick="showProductDetail(2)">詳情</button>
</div>
<div class="product">
<h2>商品3</h2>
<button onclick="showProductDetail(3)">詳情</button>
</div>
// 商品詳情頁面的代碼
<div id="productDetail"></div>

在上述代碼中，每個商品都有一個詳情按鈕，并給按鈕的onclick事件綁定了一個函數showProductDetail，該函數的參數為商品的ID。例如，當用戶點擊商品1的詳情按鈕時，showProductDetail(1)函數會被調用。

// JavaScript代碼
function showProductDetail(id) {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
document.getElementById('productDetail').innerHTML = xhr.responseText;
}
};
xhr.open('GET', 'product_detail.php?id=' + id, true);
xhr.send();
}

在showProductDetail函數中，我們創建了一個XMLHttpRequest對象，并定義了其onreadystatechange事件。當請求的狀態為4（表示請求已完成）且狀態碼為200（表示請求成功）時，將返回的相應內容賦值給商品詳情頁面的div元素。 在xhr.open方法中，我們使用GET請求方式并通過URL參數的形式傳遞商品的id。例如，當用戶點擊商品1的詳情按鈕時，會向product_detail.php頁面發送一個類似于"product_detail.php?id=1"的請求，這樣商品詳情頁面就可以根據參數id來獲取對應商品的詳細信息。

通過這樣的方法，我們可以方便地在不同頁面之間傳遞參數，并在目標頁面中根據傳遞的參數來進行相應的處理。當然，在實際開發中，我們還可以使用其他方法來實現參數的傳遞，如使用URL路徑參數、表單提交等等。選擇合適的方法取決于具體的需求和開發環境。