Ajax 是一種在網頁中進行異步請求的技術，它通過不刷新整個頁面的方式，實現與服務器進行數據交互。當我們需要向服務器提交參數時，常常使用 URL 查詢字符串的形式進行傳遞。然而，有時候我們需要將一組數據以數組的形式傳遞給服務器。本文將介紹如何使用 Ajax 提交 JavaScript 數組參數，并且給出具體示例。

首先，讓我們假設我們有一個保存用戶信息的表單。假設我們需要將用戶選擇的興趣愛好保存到數據庫中。我們可以用一個復選框列表來表示這些興趣愛好：

<form id="userForm" action="submit.php" method="POST"><input type="checkbox" name="hobbies[]" value="skiing">滑雪
<input type="checkbox" name="hobbies[]" value="hiking">徒步
<input type="checkbox" name="hobbies[]" value="swimming">游泳
<input type="checkbox" name="hobbies[]" value="cycling">騎行
<button type="button" onclick="submitForm()">保存</form>

上述代碼中，我們使用了一個名為 "hobbies[]" 的數組來保存用戶選擇的興趣愛好。當用戶點擊 "保存" 按鈕后，我們將調用 JavaScript 函數 "submitForm()" 來使用 Ajax 提交表單數據。

接下來，讓我們編寫 "submitForm()" 函數，以實現數組參數的提交：

function submitForm() {
var form = document.getElementById("userForm");
var hobbies = form.elements["hobbies[]"];
var selectedHobbies = [];
for (var i = 0; i< hobbies.length; i++) {
if (hobbies[i].checked) {
selectedHobbies.push(hobbies[i].value);
}
}
var xhr = new XMLHttpRequest();
xhr.open("POST", form.action, true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log("數據提交成功！");
}
};
xhr.send(JSON.stringify({ hobbies: selectedHobbies }));
}

在上述代碼中，我們首先獲取到表單元素和復選框列表的引用。然后，我們遍歷復選框列表元素，如果選中了某個復選框，我們將其值添加到 "selectedHobbies" 數組中。

接下來，我們創建一個 XMLHttpRequest 對象，并以 HTTP POST 方法打開服務器的提交 URL。我們還通過設置 "Content-Type" 頭部為 "application/json" 來指定提交的數據類型為 JSON。

在 XMLHttpRequest 對象的 "onreadystatechange" 事件處理函數中，我們判斷當請求狀態為 4 且響應狀態碼為 200 時，表示數據提交成功。你可以根據需要進行相應的處理，比如在控制臺輸出消息。

最后，我們調用 "xhr.send()" 方法，將選中的興趣愛好以 JSON 字符串的形式發送給服務器。

通過以上代碼，我們成功使用 Ajax 提交了 JavaScript 數組參數。在服務器端，你可以使用相應的語言和框架來接收和處理這個數組參數。比如，使用 PHP 可以通過 $_POST['hobbies'] 來獲取這個數組。

總結起來，使用 Ajax 提交 JavaScript 數組參數是一種非常便捷的方式，可以提高網頁與服務器間數據交互的靈活性和效率。你可以將這種方法應用到各種場景中，比如保存復選框、多選框或者數組輸入框的選中值等。希望本文對你理解和應用 Ajax 提交 JavaScript 數組參數有所幫助。