AJAX（Asynchronous JavaScript and XML）是一种能够在不刷新整个页面的情况下更新网页内容的技术。在网页开发中，我们经常会遇到需要提交表单数据的情况。而有时候，我们需要提交一个数组作为表单数据。本文将介绍如何使用AJAX来提交数组，并且通过实例来说明其用法和效果。

假设我们有一个购物车页面，用户可以添加多个商品到购物车中，然后一次性提交购物车的内容。购物车数据以数组的形式存储，每个商品对象包含商品的名称、数量和价格。现在，我们需要将这些购物车数据一并提交到服务器进行处理。

// 购物车数据
var cartData = [
{ name: "商品1", quantity: 2, price: 10 },
{ name: "商品2", quantity: 1, price: 20 },
{ name: "商品3", quantity: 3, price: 15 }
];

要实现这个功能，我们可以使用AJAX来异步提交购物车数据。通过jQuery的AJAX方法，我们可以方便地构建一个包含购物车数据的表单，并提交给服务器。下面是使用AJAX提交数组的示例代码：

$.ajax({
url: "处理表单的后端URL",
type: "POST",
data: JSON.stringify(cartData),
contentType: "application/json",
success: function(response) {
// 处理服务器返回的响应
console.log(response);
},
error: function(xhr, status, error) {
// 处理请求错误
console.error(error);
}
});

在上面的示例中，我们使用了AJAX的POST方法，将购物车数据数组转化为JSON字符串，并设置请求的Content-Type为"application/json"。这样做是为了告诉服务器我们发送的是JSON数据。在成功回调函数中，我们可以处理服务器返回的响应数据，例如打印到控制台或进行其他操作。

需要注意的是，服务器端的处理代码也需要相应地接收JSON数据，并进行处理。如果服务器端使用的是PHP语言，可以使用json_decode函数将JSON字符串转化为数组：

// PHP后端处理代码
$data = json_decode(file_get_contents("php://input"), true);
// 处理$data数组

通过以上代码，我们就可以将购物车数据以数组的形式提交给服务器进行处理了。AJAX提交数组的方式在处理类似购物车、问卷调查等需要提交多个数据的场景中非常有效。

总结来说，AJAX提供了一种非常方便的方式来异步提交表单数据，包括数组。我们可以通过将数组转化为JSON字符串的形式来传递数据，并在服务器端相应地进行处理。使用AJAX提交数组能够提高用户体验和网页性能，如购物车这样的场景尤其适用。