本文将介绍如何使用AJAX传递数组数据到Controller，并且解析该数组数据。在实际开发中，我们经常需要将一组相关的数据作为数组传递到后台进行处理，这时候就需要用到AJAX来实现。通过示例来说明如何传递数组数据，并在Controller中正确地接收和处理这些数据。

假设我们有一个网页，上面展示了一个购物车的商品列表。用户可以通过勾选不同的商品，将已选中的商品加入到购物车中。在用户点击结算按钮之后，需要将已选中的商品数据传递给后台进行处理。我们可以使用AJAX来传递这些数据，并在Controller中接收和处理这些数组数据。

首先，我们需要在客户端使用JavaScript将选中的商品数据组织为一个数组，然后通过AJAX将这个数组传递给后台。以下是一个简单的示例代码：

const selectedItems = [];  // 用于存储选中的商品ID列表
// 获取选中的商品
const checkboxes = document.querySelectorAll('input[type="checkbox"]');
checkboxes.forEach(checkbox =>{
if (checkbox.checked) {
selectedItems.push(checkbox.value);  // 将选中的商品ID加入数组
}
});
// 使用AJAX发送数组数据到后台
const xhr = new XMLHttpRequest();
xhr.open('POST', '/cart/addItems');
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(JSON.stringify(selectedItems));

上述代码中，通过querySelectorAll获取页面上所有的勾选框元素，并遍历每个勾选框，如果该勾选框被选中，则将该商品ID加入到selectedItems数组中。然后，使用AJAX发送POST请求到后台的`/cart/addItems`接口，将selectedItems数组使用JSON.stringify方法转换为JSON字符串，并设置请求头的Content-Type为application/json。

在后台的Controller中，需要正确地接收和解析这个数组数据。以下是一个基于Java的Spring MVC的Controller示例代码：

@Controller
@RequestMapping("/cart")
public class CartController {
@PostMapping("/addItems")
@ResponseBody
public void addItems(@RequestBody ListitemIds) {
// 对接收到的数组数据进行处理
for (String itemId : itemIds) {
// 处理商品ID
System.out.println(itemId);
}
}
}

上述Controller中，使用`@PostMapping`注解指定了该方法处理POST请求，请求路径为`/cart/addItems`。使用`@RequestBody`注解标注方法参数，将请求体的JSON数据解析成List类型的itemIds。接下来，我们可以对itemIds进行任何需要的处理，例如将商品ID加入购物车。

通过以上示例，我们可以看到如何使用AJAX传递数组数据到Controller，并且在Controller中正确地接收和处理这些数组数据。在实际开发中，你可以根据自己的需求对数组数据进行相应的操作。希望本文能够帮助您理解如何使用AJAX传递数组数据到Controller，并且能够在自己的项目中成功实现这一功能。