Ajax是一種前端技術(shù)，可以實(shí)現(xiàn)頁面無刷新更新數(shù)據(jù)的功能。Java集合是一種數(shù)據(jù)結(jié)構(gòu)，用于存儲(chǔ)和操作一組對(duì)象。在使用Ajax獲取Java集合時(shí)，我們可以通過后端提供接口，將集合以JSON格式返回給前端。然后前端可以利用Ajax的數(shù)據(jù)處理能力，將返回的JSON數(shù)據(jù)渲染到頁面上。下面以一個(gè)用戶管理系統(tǒng)為例，來說明如何使用Ajax獲取Java集合。

假設(shè)我們有一個(gè)User類，其中包含id、name和age三個(gè)屬性。我們?cè)诤蠖耸褂肑ava集合存儲(chǔ)了一組User對(duì)象，現(xiàn)在我們想要在前端頁面中顯示這些用戶的信息。

// 后端代碼
public class UserController {
private Listusers = new ArrayList<>();
public UserController() {
users.add(new User(1, "Alice", 25));
users.add(new User(2, "Bob", 30));
users.add(new User(3, "Charlie", 35));
}
@GetMapping("/users")
public ListgetUsers() {
return users;
}
}
// User類
public class User {
private int id;
private String name;
private int age;
// 省略構(gòu)造函數(shù)和getter/setter方法
}

在前端頁面中，我們可以使用jQuery的Ajax方法來發(fā)送請(qǐng)求并獲取Java集合。首先，在頁面中引入jQuery庫：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

然后，在頁面中添加一個(gè)用于顯示用戶信息的div：

<div id="users"></div>

接下來，我們使用Ajax發(fā)送一個(gè)GET請(qǐng)求到后端的/users接口，并將獲取到的用戶數(shù)據(jù)渲染到頁面上：

<script>
$.ajax({
url: "/users",
type: "GET",
success: function(users) {
var html = "";
for (var i = 0; i < users.length; i++) {
html += "<p>" + "ID: " + users[i].id + ", Name: " + users[i].name + ", Age: " + users[i].age + "</p>";
}
$("#users").html(html);
}
});
</script>

通過以上代碼，我們成功使用Ajax獲取到了后端的Java集合，并將其渲染到頁面上。在頁面中，會(huì)顯示每個(gè)用戶的ID、姓名和年齡。

綜上所述，通過后端提供接口以JSON格式返回Java集合，并利用Ajax的數(shù)據(jù)處理能力將返回的數(shù)據(jù)渲染到頁面上，我們可以在前端頁面中展示后端的Java集合數(shù)據(jù)。