AJAX（Asynchronous JavaScript and XML）是一種在網頁中使用異步請求與服務器進行數據交互的技術。通過AJAX，我們可以在不刷新整個頁面的情況下，向服務器發送請求并更新部分頁面內容。在使用AJAX訪問Servlet時，可以通過發送HTTP請求來調用Servlet的doGet或doPost方法，從而實現與服務器的數據交互。

假設我們有一個簡單的網頁，頁面上有一個按鈕，點擊按鈕后觸發AJAX請求，訪問Servlet并獲取數據。以下是代碼示例：

// HTML部分
<button onclick="getData()">點擊獲取數據</button>
<div id="result"></div>
// JavaScript部分
function getData() {
var xmlhttp;
if (window.XMLHttpRequest) {
xmlhttp = new XMLHttpRequest();
} else {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("result").innerHTML = xmlhttp.responseText;
}
};
xmlhttp.open("GET", "ServletURL", true);
xmlhttp.send();
}
// Servlet部分
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setContentType("text/html;charset=UTF-8");
PrintWriter out = response.getWriter();
out.println("這是從Servlet返回的數據");
out.close();
}

在上面的代碼中，我們首先在HTML中定義了一個按鈕和一個用于顯示結果的div。當按鈕被點擊時，調用了名為getData的JavaScript函數。在這個函數中，我們通過XMLHttpRequest對象創建了一個HTTP請求。然后，通過onreadystatechange事件監聽XMLHttpRequest對象的狀態變化，當readyState為4（請求已完成）且status為200（OK）時，將服務器返回的數據顯示在頁面上。

在Servlet的部分，我們實現了doGet方法，并設置了響應的內容類型為text/html。通過PrintWriter的println方法，將一段文本輸出到響應中。這段文本將作為響應的主體內容，最終發送給前端。

以上代碼實現了通過AJAX訪問Servlet并獲取數據的功能。當我們點擊頁面上的按鈕時，會發送一個GET請求到Servlet的URL，Servlet會返回一個字符串作為響應。這個響應會被顯示在頁面上的div中。

需要注意的是，這只是一個簡單的示例，實際中的AJAX請求和Servlet的處理可能更加復雜。另外，為了方便起見，上面的代碼沒有考慮兼容性問題，實際應用中可能需要考慮使用兼容不同瀏覽器的AJAX庫。

AJAX通過異步請求實現與Servlet的數據交互，在現代WEB開發中得到了廣泛的應用。通過上面的示例，我們可以看到，借助AJAX和Servlet的配合，可以輕松實現動態更新頁面內容的功能。