AJAX（Asynchronous JavaScript and XML）是一種用于創建交互式Web應用程序的技術，可以通過異步方式獲取后臺數據，而無需刷新整個頁面。在使用AJAX時，我們經常使用Servlet來處理客戶端請求，并返回相應的數據。本文將重點介紹如何使用AJAX來直接調用Servlet，并通過舉例說明其用法和優勢。
假設我們有一個網頁上有一個按鈕，當用戶點擊該按鈕時，會通過AJAX請求來獲取服務器端的時間信息，并將其顯示在網頁上。我們可以通過以下代碼來實現：
<!DOCTYPE html>
<html>
<head>
<script>
function getTime() {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
document.getElementById("time").innerHTML = xhr.responseText;
}
};
xhr.open("GET", "TimeServlet", true);
xhr.send();
}
</script>
</head>
<body>
<h1>當前時間：<span id="time"></span></h1>
<button onclick="getTime()">獲取時間</button>
</body>
</html>在上述代碼中，我們定義了一個名為getTime的JavaScript函數，用于發起AJAX請求。函數中，我們創建了一個XMLHttpRequest對象xhr，并通過xhr.open方法來指定請求方式（GET）和目標地址（TimeServlet）。然后，通過xhr.send方法來發送請求，并在請求狀態變化時通過回調函數來處理服務器端數據。最后，在HTML頁面上，我們使用一個button元素來觸發AJAX請求，并通過innerHTML屬性將服務器返回的時間信息顯示在span元素中。
為了完成示例代碼的功能，我們需要創建一個名為TimeServlet的Servlet來處理前端的請求并返回時間信息。下面是一個簡單的TimeServlet的示例代碼：
import java.io.IOException;
import java.io.PrintWriter;
import java.text.SimpleDateFormat;
import java.util.Date;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class TimeServlet extends HttpServlet {
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setContentType("text/html;charset=UTF-8");
PrintWriter out = response.getWriter();
SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
String currentTime = sdf.format(new Date());
out.print(currentTime);
}
}在TimeServlet中，我們重寫了doGet方法，并在方法中設置了響應的Content-Type為"text/html;charset=UTF-8"，以支持中文字符的輸出。然后，我們創建一個PrintWriter對象來向前端輸出時間信息，并通過SimpleDateFormat類將當前時間格式化為"yyyy-MM-dd HH:mm:ss"的字符串。
通過上述示例，我們可以看到，使用AJAX直接調用Servlet的方式簡單且高效。它可以通過異步獲取數據，在不刷新整個頁面的情況下，將最新的數據動態顯示在網頁上。這種方式也有其它的應用場景，比如驗證用戶信息、搜索框的實時提示等。總之，AJAX直接調用Servlet是一種強大的技術，可以為我們的Web應用程序帶來更好的用戶體驗。