AJAX（Asynchronous JavaScript and XML）是一種基于Web的前端技術，通過異步的方式與服務器交換數據，實現頁面的局部刷新而無需刷新整個頁面。在這篇文章中，我們將介紹如何使用AJAX來獲取Servlet并展示相關數據，以及通過一個簡單的例子來說明如何實現。

假設我們有一個網頁，需要從服務器獲取一些數據來展示給用戶。在傳統的方式中，我們需要在網頁上使用表單來提交數據，然后刷新整個頁面以展示新的數據。然而，使用AJAX可以實現在不刷新整個頁面的情況下獲取新的數據并動態展示給用戶。

首先，我們需要在網頁上創建一個按鈕或者其他觸發事件的元素，這個元素將觸發AJAX請求從服務器獲取數據。當用戶點擊該按鈕時，我們將使用JavaScript來發送一個AJAX請求到服務器并接收響應。

<button onclick="getData()">獲取數據</button>
<script>
function getData() {
// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 設置回調函數處理服務器響應
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
// 處理服務器返回的數據
var data = xhr.responseText;
// 更新頁面上的內容
document.getElementById("data").innerHTML = data;
}
};
// 發送AJAX請求
xhr.open("GET", "ServletURL", true);
xhr.send();
}
</script>

在上面的代碼中，我們創建了一個名為getData的JavaScript函數，它將在按鈕被點擊時被調用。在函數中，我們首先創建了一個XMLHttpRequest對象（也可以使用jQuery等庫的AJAX方法代替），然后設置了回調函數來處理服務器的響應。

在回調函數中，我們首先檢查請求的狀態（readyState）和響應的狀態碼（status）是否符合要求。readyState為4表示請求已完成，status為200表示請求成功。如果符合要求，我們可以通過responseText屬性獲取服務器返回的數據，并更新頁面上的相應內容。

接下來，我們需要在服務器端創建一個Servlet來處理AJAX請求，并返回相應的數據。在Servlet的doGet方法中，我們可以根據請求的參數或者其他條件來獲取需要返回的數據，并將其以字符串形式返回給客戶端。

public class MyServlet extends HttpServlet {
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// 獲取需要返回的數據
String data = "Hello, AJAX!";
// 返回數據
response.setContentType("text/plain");
response.setCharacterEncoding("UTF-8");
response.getWriter().write(data);
}
}

在上面的代碼中，我們首先在doGet方法中獲取需要返回的數據，這里簡單地返回了一個包含字符串"Hello, AJAX!"的數據。然后，我們設置了響應的Content-Type為"text/plain"，并指定了字符編碼為UTF-8，最后通過response.getWriter().write(data)方法將數據發送給客戶端。

通過以上的代碼實現，當用戶點擊獲取數據的按鈕時，AJAX請求將被發送到服務器的Servlet，并獲取到返回的數據。然后，客戶端將會使用JavaScript將數據顯示在頁面上，實現了局部刷新而無需刷新整個頁面的效果。

總之，通過使用AJAX技術，我們可以方便地從服務器獲取數據并在頁面上實現局部刷新。這種方式不僅提高了用戶體驗，還減少了網絡傳輸和頁面渲染的開銷。了解和掌握AJAX與Servlet的結合使用，將會對開發出更加高效和優質的Web應用程序有所幫助。