AJAX（Asynchronous JavaScript and XML）是一種在 web 應用中發送和接收數據的先進技術。它使我們能夠通過 JavaScript 在不重新加載整個網頁的情況下與服務器進行通信。本文將重點介紹如何使用 AJAX 提交數組，并給出相應的 JavaScript 代碼示例。

在某些情況下，我們可能需要將一組數據以數組的形式提交到服務器。考慮一個在線點餐系統的例子，用戶可以選擇多個菜品并將其添加到購物車中。當用戶點擊“提交訂單”按鈕時，我們需要將購物車中所有的菜品數據發送給服務器以完成訂單。這個過程可以通過 AJAX 來實現，而無需刷新整個頁面。

function submitOrder(items) {
// 創建 XMLHttpRequest 對象
var xhr = new XMLHttpRequest();
// 設置請求參數
xhr.open("POST", "/submitOrder", true);
// 設置請求頭部
xhr.setRequestHeader("Content-Type", "application/json");
// 將數組轉換為 JSON 字符串
var data = JSON.stringify(items);
// 發送請求
xhr.send(data);
}

上述示例中的submitOrder函數接受一個items數組作為參數，并使用XMLHttpRequest對象將數組以 JSON 格式發送到服務器的/submitOrder路徑。這個函數可以在用戶點擊“提交訂單”按鈕時被調用。

接下來，讓我們看一下如何調用這個函數并傳遞數組參數：

var cartItems = ['魚香肉絲', '宮保雞丁', '紅燒肉'];
submitOrder(cartItems);

在上面的示例中，我們創建了一個名為cartItems的數組，其中包含了用戶在購物車中選中的菜品。然后我們將這個數組作為參數傳遞給submitOrder函數，以便將訂單數據發送給服務器。

需要注意的是，XMLHttpRequest對象的open方法的第三個參數被設為true，表示請求是異步的。這意味著在數據發送到服務器的過程中，用戶仍然可以與頁面進行交互，而不會被阻塞。

通過使用 AJAX 提交數組，我們可以實現更加靈活和高效的數據交互。在前端頁面上，用戶可以輕松地選擇多個選項，并將它們作為數組發送給服務器。而在后端，我們可以根據接收到的數組數據進行適當的處理，如存儲到數據庫中或生成相應的訂單。

上面的示例只是一個簡單的用例，你可以根據自己的需求進行更加復雜的功能實現。不論是在線點餐系統、問卷調查還是商品購物車，使用 AJAX 提交數組可以大大提升用戶體驗和系統性能。

總結起來，通過 AJAX 提交數組是一種強大的技術，它能夠讓我們在不刷新整個頁面的情況下與服務器進行數據交互。借助 JavaScript，我們可以將數組轉換為 JSON 字符串，并使用 XMLHttpRequest 對象將其發送到服務器。這種方法在處理大量數據和實現復雜功能時非常有用。