AJAX（Asynchronous JavaScript and XML）是一種可以在不刷新整個頁面的情況下，通過與服務器異步通信來更新部分網頁內容的技術。在Web開發中，使用AJAX可以使用戶在不需要重新加載整個頁面的情況下，從服務器獲取數據并進行展示。而Spring MVC是一種基于Java的框架，可以幫助開發人員更容易地創建可伸縮性和可維護性強的Web應用程序。AJAX與Spring MVC的結合使用可以讓開發人員更加靈活且高效地傳遞數組數據，進一步提升用戶體驗。

假設我們正在開發一個在線商城應用程序，需要根據用戶選擇的商品類別動態地加載相應的商品列表。在不使用AJAX的情況下，每次切換商品類別時，都需要重新加載整個頁面，導致用戶等待時間過長。而使用AJAX，我們可以通過異步的方式向服務器發送一個請求，只更新商品列表的部分內容。這樣，用戶就可以快速切換商品類別并且立即看到相應的結果。

<script>
$.ajax({
url: "/products",
type: "POST",
data: { categories: ["electronics", "clothing", "books"] },
success: function(data) {
// 更新商品列表
}
});
</script>

上述代碼示例展示了一個使用AJAX向服務器發送商品類別數組的請求的過程。在Spring MVC中，我們可以使用注解來接收和處理這個請求：

@PostMapping("/products")
public ResponseEntity<List<Product>> getProductsByCategories(@RequestBody List<String> categories) {
List<Product> products = productService.getProductsByCategories(categories);
return ResponseEntity.ok().body(products);
}

在這個示例中，我們使用了@RequestBody注解來接收前端通過AJAX發送的數組數據。Spring MVC會自動將接收到的JSON數組轉換為一個Java的List對象，并調用相應的方法來處理請求。在處理完請求后，服務器將返回一個包含商品列表的響應，然后我們可以通過AJAX的成功回調函數將這些商品展示到頁面上。

除了可以向服務器發送數組數據，使用AJAX和Spring MVC還可以方便地處理服務器返回的數組數據。例如，我們可以異步從服務器獲取某個類別的商品數量，并在頁面上進行展示：

<script>
$.ajax({
url: "/category/count",
type: "GET",
success: function(data) {
// 更新商品數量
}
});
</script>

在Spring MVC中，我們可以使用如下代碼來處理這個請求：

@GetMapping("/category/count")
public ResponseEntity<Map<String, Integer>> getCategoryCount() {
Map<String, Integer> countMap = new HashMap<>();
countMap.put("electronics", productService.getCategoryCount("electronics"));
countMap.put("clothing", productService.getCategoryCount("clothing"));
countMap.put("books", productService.getCategoryCount("books"));
return ResponseEntity.ok().body(countMap);
}

在這個示例中，服務器將返回一個包含不同類別的商品數量的Map對象。我們可以通過AJAX的成功回調函數將這些數量展示在頁面上，并實時更新。

總結來說，使用AJAX傳遞數組數據集合可以幫助我們更加高效地進行 Web 開發。結合Spring MVC框架，我們可以方便地進行前后端數據的交互，并提供更好的用戶體驗。無論是發送還是接收數組數據，AJAX和Spring MVC都能夠提供簡潔且靈活的解決方案。