本文將介紹如何使用Ajax從數據庫中獲取數據，并在頁面上展示。Ajax是一種無需刷新頁面的技術，能夠將請求發送到服務器并獲取服務器返回的數據。通過這種方式，我們可以實現實時更新頁面內容，提高用戶體驗。接下來，將通過一個簡單的示例來演示如何使用Action接收Ajax從數據庫中獲取數據的過程。

首先，我們需要創建一個名為getData的Action，該Action將接收Ajax請求并從數據庫中獲取數據。假設我們有一個名為"users"的數據庫表，其中包含用戶的姓名和年齡。我們的目標是，在頁面上展示所有用戶的姓名和年齡。下面是Action代碼的示例：

public class GetDataAction extends ActionSupport {
// 數據列表
private ListuserList;
// 獲取數據列表
public String execute() throws Exception {
// 從數據庫中獲取數據，省略獲取過程
// 將數據賦值給userList
userList = userService.getUsers();
return SUCCESS;
}
// getter和setter方法
public ListgetUserList() {
return userList;
}
public void setUserList(ListuserList) {
this.userList = userList;
}
}

在上面的代碼中，我們通過execute()方法來獲取數據，并將數據賦值給userList。接下來，我們需要在頁面上展示這些數據。下面是一個名為"getData.jsp"的JSP頁面的示例：

<%-- 引入jQuery庫 --%>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
$.ajax({
url: "getData.action",
dataType: "json",
success: function(data) {
// 解析返回的數據
var userList = data.userList;
// 遍歷數據列表，生成HTML
var html = "";
for (var i = 0; i< userList.length; i++) {
var user = userList[i];
html += "<div>姓名：" + user.name + "</div>";
html += "<div>年齡：" + user.age + "</div>";
}
// 將生成的HTML插入到頁面中
$("#userListContainer").html(html);
}
});
});
</script>
<div id="userListContainer"></div>

在上面的代碼中，我們使用了jQuery的Ajax方法發送請求到"getData.action"，并將返回的數據解析為JSON格式。然后，我們通過遍歷數據列表生成HTML，并將生成的HTML插入到名為"userListContainer"的容器中。通過這種方式，用戶訪問頁面時，將會實時獲取最新的數據并展示出來。

總結一下，本文介紹了如何使用Action接收Ajax從數據庫中獲取數據的方法。通過這種方式，我們可以實現實時更新頁面內容，提高用戶體驗。無論是展示用戶信息、商品列表，還是其他需要實時刷新的場景，都可以使用類似的方法來實現。希望本文能幫助你更好地理解和應用Ajax技術。