AJAX（Asynchronous JavaScript and XML）技術使網頁能夠在不刷新整個頁面的情況下與服務器進行數據交互。在Web開發中，我們經常需要通過AJAX獲取來自服務器的數據，并在網頁上進行展示或處理。在本文中，我們將介紹如何使用AJAX獲取Servlet數據，以及如何在網頁中展示這些數據。

假設我們有一個學生成績查詢網站，我們需要在網頁上輸入學生的學號，然后通過AJAX請求向服務器發送這個學號，服務器根據學號查詢相應學生的成績信息，最后返回給網頁。以下是一個使用AJAX獲取Servlet數據的示例：

// 創建一個XMLHttpRequest對象
var xmlhttp = new XMLHttpRequest();
// 定義回調函數，該函數在收到響應后被調用
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
// 處理響應數據
var response = this.responseText;
document.getElementById("result").innerHTML = response;
}
};
// 發送AJAX請求
xmlhttp.open("GET", "/scoreServlet?studentId=12345", true);
xmlhttp.send();

在上面的例子中，我們首先創建了一個XMLHttpRequest對象，該對象用于和服務器進行通信。然后，我們定義了一個回調函數，該函數在收到服務器響應后被調用。回調函數中的this.readyState == 4 && this.status == 200條件用于判斷是否收到了完整的響應數據，并且響應狀態碼為200表示成功。最后，我們發送了一個GET請求到服務器的Servlet，并將學號作為參數傳遞給Servlet。

在Servlet端，我們需要處理AJAX請求并返回相應的數據。以下是一個簡單的Servlet示例：

public class ScoreServlet extends HttpServlet {
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// 獲取學號參數
String studentId = request.getParameter("studentId");
// 根據學號查詢相應學生的成績信息
// ...
// 構造響應數據
String responseData = "學號：12345\n姓名：張三\n成績：90";
// 設置響應類型為文本
response.setContentType("text/plain");
// 將響應數據寫入響應對象
PrintWriter out = response.getWriter();
out.print(responseData);
out.close();
}
}

在上述Servlet示例中，我們首先通過request.getParameter("studentId")方法獲取前端AJAX請求中的學號參數。然后，根據學號查詢相應學生的成績信息，并構造了一個包含學號、姓名和成績的響應數據responseData。接著，我們通過response.getWriter()方法獲取一個PrintWriter對象，將響應數據寫入該對象，最后關閉PrintWriter對象即可。

在前端的回調函數中，我們通過responseText屬性獲取到了后端返回的響應數據，并將其展示在了網頁的result元素內。這樣，我們就完成了使用AJAX從Servlet獲取數據并展示在網頁上的整個過程。

總結起來，使用AJAX獲取Servlet數據可以使我們實現動態網頁的效果。通過向服務器發送異步請求，并在收到響應后動態更新網頁內容，我們能夠更加靈活地展示和處理數據。無論是學生成績查詢網站還是其他需要展示后端數據的場景，AJAX都是一個強大且必不可少的工具。