Ajax是一種在網頁上進行異步通信的技術，它可以在不重載整個頁面的情況下，與服務器進行數據交換。通常情況下，Ajax是通過發送HTTP請求，并在接收服務器響應后，通過JavaScript來更新頁面的內容。在本篇文章中，我們將討論如何使用Ajax在一個頁面中傳輸一個List集合，并在另一個頁面進行處理。
在很多情況下，我們需要將一個包含多個數據項的集合傳遞給另一個頁面進行處理。舉個例子，假設我們正在開發一個在線商店網站，用戶可以在購物車中添加多個商品。當用戶點擊結算按鈕時，我們希望將購物車中的所有商品信息傳遞給結算頁面進行處理。在這種情況下，我們可以使用Ajax來實現這個功能。
首先，在發送Ajax請求之前，我們需要將List集合中的數據格式化為可以被傳輸的格式，如JSON。在JavaScript中，我們可以使用JSON.stringify()方法將List轉換為JSON格式的字符串。

html
<script>
// 假設cartList是一個包含多個商品信息的List集合
var cartList = [
{id: 1, name: "商品1", price: 10},
{id: 2, name: "商品2", price: 15},
{id: 3, name: "商品3", price: 20}
];
// 將cartList轉換為JSON格式的字符串
var jsonCartList = JSON.stringify(cartList);
</script>

接下來，我們可以使用Ajax來發送請求，并將JSON格式的字符串作為請求參數傳遞給另一個頁面。在接收到響應后，我們可以在另一個頁面中進行相應的處理。

html
<script>
var xhr = new XMLHttpRequest();
xhr.open("POST", "processCart.php", true);
xhr.setRequestHeader("Content-type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 在這里處理服務器返回的響應數據
var response = JSON.parse(xhr.responseText);
console.log(response);
}
};
xhr.send(jsonCartList);
</script>

在上述示例中，我們創建了一個XMLHttpRequest對象，并使用open()方法指定了請求的類型、URL和異步標志。然后，我們使用setRequestHeader()方法設置了請求頭中的Content-type，告訴服務器請求參數的數據類型。接著，我們通過onreadystatechange事件監聽XMLHttpRequest對象的狀態變化，并在狀態為4（即響應已接收）且狀態碼為200（即正常響應）時，處理服務器返回的響應數據。最后，我們通過send()方法將JSON格式的字符串發送給服務器。
在接收到另一個頁面發回的請求后，我們可以在后臺處理JSON格式的字符串，并將其轉換為List集合。在PHP中，我們可以使用json_decode()函數將JSON格式的字符串轉換為PHP的數組。

php
<?php
$jsonCartList = $_POST['cartList'];
$cartList = json_decode($jsonCartList, true);
// 在這里進行相應的處理邏輯
// ...
?>

在上述示例中，我們通過$_POST['cartList']獲取到了請求中的JSON格式的字符串，并使用json_decode()函數將其轉換為PHP的數組。然后，我們可以在后臺進行相應的處理邏輯，如計算商品總價、生成訂單等。
總而言之，使用Ajax在另一個頁面傳遞List集合可以通過將List轉換為JSON格式的字符串，并在發送請求時作為參數進行傳遞。在另一個頁面接收到請求后，我們可以將JSON格式的字符串轉換為List集合，并在后臺進行相應的數據處理。這種方式可以實現頁面之間的數據傳遞和交互，為我們開發更加靈活和交互性強的網站提供了可能性。