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 数组参数有所帮助。