在網頁開發中，我們經常需要通過Ajax技術來實現頁面的動態加載和數據的異步傳輸。而在有些情況下，我們需要在一個頁面中傳遞一個列表（List）給另一個頁面。本文將介紹如何使用Ajax在另一個頁面傳遞List，并通過舉例說明具體的實現方法。
假設我們有一個頁面A，其中包含一個按鈕，當按鈕被點擊時，頁面A將通過Ajax將一個列表傳遞給頁面B，并在頁面B中展示該列表。為了簡化示例，假設列表的內容為一組商品名稱。接下來，我們將逐步講解具體的實現步驟。
首先，我們需要編寫頁面A的HTML代碼。在頁面A中，我們可以使用jQuery庫來簡化Ajax操作。在按鈕的點擊事件中，我們使用$.ajax()函數來發送Ajax請求，并傳遞列表數據給頁面B。

html
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<button id="btn">傳遞列表</button>
<script>
$(document).ready(function() {
$("#btn").click(function() {
var list = ["商品1", "商品2", "商品3"]; // 假設列表內容為商品名稱
$.ajax({
url: "pageB.html", // 頁面B的URL
type: "POST",
data: { list: list }, // 將列表作為data參數傳遞
success: function(response) {
console.log(response); // 打印服務器返回的響應信息
}
});
});
});
</script>

在上述代碼中，按鈕的點擊事件中通過$.ajax()函數發送了一個POST請求到頁面B（即pageB.html）。同時，我們將列表作為data參數傳遞給頁面B。在服務器端，我們可以通過請求的參數獲取到這個列表。
接下來，我們需要編寫頁面B的HTML代碼。在頁面B中，我們可以使用JavaScript獲取到Ajax傳遞的列表，并將其展示在頁面上。

html
<h1>列表展示頁面</h1>
<script>
var list = []; // 定義一個空列表
// 獲取Ajax傳遞的列表
if (location.search) {
var params = new URLSearchParams(location.search);
list = params.getAll("list[]"); // 獲取名為"list"的參數，返回一個列表
}
// 將列表展示在頁面上
list.forEach(function(item) {
document.write("<p>" + item + "</p>");
});
</script>

在上述代碼中，我們首先定義了一個空列表，然后通過URLSearchParams和getAll()函數獲取到Ajax傳遞的列表。注意，在URL中，我們使用了名為list[]的參數來傳遞列表，而不是直接傳遞一個整個字符串。最后，我們使用forEach()函數將列表逐個展示在頁面上。
通過以上的代碼示例，我們可以實現在一個頁面中通過Ajax向另一個頁面傳遞列表，并在另一個頁面中展示該列表。這在實際的網頁開發中可以幫助我們實現更多復雜的功能，例如購物車、評論列表等。
需要注意的是，在實際的項目中，我們需要根據具體的情況來調整代碼，并確保服務器端能夠正確處理Ajax請求，并返回正確的響應信息。
總結起來，通過Ajax技術可以很方便地實現在一個頁面中傳遞列表給另一個頁面。我們可以使用$.ajax()函數發送Ajax請求，并將列表作為data參數傳遞。在接收列表的頁面中，我們可以使用JavaScript獲取到列表，并進行相應的處理。在實際開發中，我們可以根據具體的需求和情況來調整代碼，并確保服務器端能夠正確處理Ajax請求。希望本文對各位讀者對于如何在另一個頁面傳遞List有所幫助。