AJAX（Asynchronous JavaScript and XML）是一種用于在前端與服務器進行異步通信的技術，它能夠使網頁在不刷新的情況下動態地更新數據。在使用AJAX進行數據傳輸時，往往需要向服務器傳遞多個參數，其中包括數組類型的參數。本文將介紹如何使用AJAX傳遞數組參數，并結合具體示例進行說明。

在AJAX中傳遞數組參數的一種常見情景是提交表單數據。假設我們有一個表單，其中包含多個輸入框，用戶填寫完表單后點擊提交按鈕，我們希望將所有輸入框中的值傳遞給服務器進行處理。此時，我們可以使用AJAX將表單中的值封裝成一個數組，并傳遞給服務器。

// 假設表單中有三個輸入框，分別是name、age和email
var name = document.getElementById("nameInput").value;
var age = document.getElementById("ageInput").value;
var email = document.getElementById("emailInput").value;
// 將表單值封裝成數組
var formData = {
"name": name,
"age": age,
"email": email
};
// 發送AJAX請求
var xhr = new XMLHttpRequest();
xhr.open("POST", "/submit-form", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.send(JSON.stringify(formData));

在上述示例中，我們首先獲取了三個輸入框中的值，在發送AJAX請求之前，將這些值封裝成一個包含name、age和email的對象。注意，為了讓服務器能夠正確解析數據，我們還需設置請求頭的Content-Type為application/json，并將封裝后的數據，使用JSON.stringify方法轉換為字符串，并通過send方法發送給服務器。

除了表單數據之外，AJAX也常用于傳遞一組需要批量處理的數據。例如，我們正在開發一個學生信息管理系統，我們希望能夠同時添加多個學生的信息，而不是一次只添加一個學生。這時，我們可以使用AJAX傳遞一個學生信息的數組給服務器。

// 假設需要添加的學生信息數組
var students = [
{ "name": "張三", "age": 18, "gender": "男" },
{ "name": "李四", "age": 20, "gender": "女" },
{ "name": "王五", "age": 19, "gender": "男" }
];
// 發送AJAX請求
var xhr = new XMLHttpRequest();
xhr.open("POST", "/add-students", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.send(JSON.stringify(students));

在上述示例中，我們創建了一個學生信息數組，其中包含了三個學生的姓名、年齡和性別。然后，我們將這個數組轉換為JSON字符串，并通過AJAX發送給服務器。服務器端可以解析這個JSON字符串，并依次將每個學生信息進行保存。

通過以上示例，我們可以看到，使用AJAX傳遞數組參數并不復雜。關鍵是要將要傳遞的數組封裝成一個對象，并使用JSON.stringify方法將其轉換為字符串。同時，為了讓服務器能夠正確解析數據，我們需要設置請求頭的Content-Type為application/json。

總結來說，使用AJAX傳遞數組參數是一種非常實用的前端技術。它可以讓我們在前端頁面與后端服務器進行靈活的數據交互，實現更加豐富和交互性的用戶體驗。無論是提交表單數據還是批量處理數據，AJAX都能輕松應對，讓我們的網頁更加強大和智能。