AJAX（Asynchronous JavaScript and XML）是一種用于在不重新加載整個網頁的情況下，通過后臺與服務器交換數據并更新某些部分的技術。在開發過程中，我們常常需要發送集合數據類型，例如數組或對象，以滿足特定的業務需求。本文將介紹如何使用AJAX發送集合數據類型，并通過舉例說明其用法。

在使用AJAX發送集合數據類型之前，需要先實例化一個AJAX對象，并通過open()方法指定請求的類型、URL和是否異步。

<script>
var xhr = new XMLHttpRequest();
xhr.open('POST', 'example.php', true);
</script>

一種常見的需求是發送一個數組，可以通過將其轉換為JSON字符串后發送。

<script>
var xhr = new XMLHttpRequest();
xhr.open('POST', 'example.php', true);
var array = ['apple', 'banana', 'orange'];
var data = JSON.stringify(array);
xhr.send(data);
</script>

在服務器端，可以通過解析接收到的數據，并將其轉換為原始類型。

<?php
$data = json_decode(file_get_contents('php://input'), true);
// $data is now an array
// do something with the array
?>

類似地，我們也可以發送一個對象。在客戶端，需要先創建一個對象，并將其轉換為JSON字符串后發送。

<script>
var xhr = new XMLHttpRequest();
xhr.open('POST', 'example.php', true);
var object = {
name: 'John',
age: 30,
city: 'New York'
};
var data = JSON.stringify(object);
xhr.send(data);
</script>

服務器端需要進行相應的解析，并將其轉換為原始的對象。

<?php
$data = json_decode(file_get_contents('php://input'), true);
// $data is now an object
// do something with the object
?>

在某些情況下，我們可能需要發送多個集合數據類型。可以創建一個包含多個數組或對象的父級對象，并將其轉換為JSON字符串后發送。

<script>
var xhr = new XMLHttpRequest();
xhr.open('POST', 'example.php', true);
var array1 = ['apple', 'banana', 'orange'];
var array2 = [1, 2, 3];
var object1 = {
name: 'John',
age: 30
};
var object2 = {
name: 'Jane',
age: 28
};
var data = JSON.stringify({
array1: array1,
array2: array2,
object1: object1,
object2: object2
});
xhr.send(data);
</script>

在服務器端，可以通過解析接收到的數據，并將其轉換為原始的數組或對象。

<?php
$data = json_decode(file_get_contents('php://input'), true);
$array1 = $data['array1'];
$array2 = $data['array2'];
$object1 = $data['object1'];
$object2 = $data['object2'];
// do something with the arrays and objects
?>

通過上述示例，我們可以看到如何使用AJAX發送集合數據類型。無論是數組還是對象，都可以通過將其轉換為JSON字符串后發送，然后在服務器端進行解析和處理。這種方式使得發送和接收復雜數據類型變得非常簡單和方便。