現代網絡應用中，AJAX (Asynchronous JavaScript and XML) 技術變得越來越流行。它可以通過異步方法讓網頁和服務器之間進行數據交互，而不必刷新整個頁面。盡管 AJAX 常用于傳輸簡單的數據類型，例如字符串或數字，但是很多人會問，能否傳輸集合或對象？答案是肯定的。在本文中，我們將探討如何使用 AJAX 傳輸集合和對象，并提供一些具體的示例來說明它的實際應用。
在討論 AJAX 能否傳輸集合和對象之前，我們先來了解一下 AJAX 的基本工作原理。AJAX 使用 JavaScript 異步請求數據，并使用 XMLHttpRequest 在后臺與服務器進行通信。服務器根據請求的 URL 返回響應的數據，通常是 JSON 或 XML 格式的數據。然后，JavaScript 可以使用這些數據來更新頁面的內容，而無需刷新整個頁面。
假設我們有一個網頁中的表單，其中包含一些輸入字段，例如姓名、年齡和職業。當用戶填寫表單并提交時，我們希望將這些數據傳遞給服務器進行處理，并將其保存到數據庫中。我們可以使用 AJAX 來實現這個過程。
首先，我們需要將表單中的數據獲取到一個 JavaScript 對象中。這可以通過使用 jQuery 中的 serializeArray() 方法來實現。以下是示例代碼：

html
<form id="myForm">
<input type="text" name="name" placeholder="姓名">
<input type="number" name="age" placeholder="年齡">
<input type="text" name="occupation" placeholder="職業">
<button type="submit">提交</button>
</form>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$('#myForm').submit(function (event) {
event.preventDefault();
var formData = $(this).serializeArray();
console.log(formData);
// 使用 AJAX 將 formData 發送到服務器進行處理
});
</script>

當用戶點擊提交按鈕時，表單的數據將被序列化為一個數組，并打印到控制臺中。這個數組包含了每個字段的名稱和對應的值。例如，如果用戶在表單中輸入了姓名為 "張三"、年齡為 25 歲、職業為 "程序員"，則該數組將輸出為：

javascript
[
{ name: "name", value: "張三" },
{ name: "age", value: "25" },
{ name: "occupation", value: "程序員" }
]

現在我們可以使用 AJAX 將這些數據發送到服務器進行處理。服務器端可以使用任何后端語言（如 PHP、Node.js 或 Java）來接收并處理這些數據。在服務器端，我們可以將這些數據作為一個對象進行操作。下面是一個 PHP 的示例：

php
<?php
$data = json_decode(file_get_contents('php://input'), true);
var_dump($data);
// 將數據保存到數據庫中
?>

在這個示例中，我們使用 PHP 的json_decode()方法將接收到的數據轉化為一個關聯數組。然后，我們使用var_dump()打印這個數組，以及在此之后可以使用的其他操作，例如將數據保存到數據庫中。
綜上所述，我們可以清楚地看到，AJAX 是可以傳輸集合和對象的。通過將表單數據序列化為一個數組，并將其發送到服務器處理，我們可以在后端將其轉化為一個對象，并進行進一步的操作，例如將其保存到數據庫中。這為我們開發現代化的網絡應用提供了廣闊的可能性。
總結起來，我們可以通過 AJAX 傳輸集合和對象，從而實現復雜的數據交互和處理。無論是通過表單提交數據，還是通過其他方式將數據發送到服務器，我們可以利用 AJAX 將數據封裝為一個數組或對象，并通過后端處理這些數據。這使得現代網絡應用的開發變得更加靈活和高效。