AJAX（Asynchronous JavaScript and XML）是一種在Web頁面上使用JavaScript進行異步通信的技術。它可以實現在不重新加載整個頁面的情況下，與服務器進行數據交互，并且動態更新頁面的內容。調用servlet是使用AJAX的常見場景之一，本文將詳細介紹如何通過AJAX調用servlet。
在使用AJAX調用servlet之前，首先需要確保已經正確引入所需的JavaScript庫，如jQuery等。假設我們有一個簡單的servlet，需要獲取用戶的姓名和年齡，并返回用戶的信息。以下是我們的servlet代碼（ServletDemo）：
package com.example.servletdemo;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class ServletDemo extends HttpServlet {
protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html;charset=UTF-8");
PrintWriter out = response.getWriter();
String name = request.getParameter("name");
int age = Integer.parseInt(request.getParameter("age"));
out.print("姓名：" + name + "<br>");
out.print("年齡：" + age);
}
}接下來，我們可以創建一個HTML頁面來調用這個servlet。在頁面中，我們可以使用jQuery的$.ajax()函數來發送一個GET請求到servlet，并接收servlet返回的數據。以下是HTML頁面的代碼：
<!DOCTYPE html>
<html>
<head>
<title>AJAX調用servlet</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#submit").click(function(){
var name = $("#name").val();
var age = $("#age").val();
$.ajax({
url: "ServletDemo",
method: "GET",
data: { name: name, age: age },
success: function(data){
$("#result").html(data);
}
});
});
});
</script>
</head>
<body>
<h1>調用servlet示例</h1>
<label for="name">姓名:</label>
<input type="text" id="name">
<br>
<label for="age">年齡:</label>
<input type="text" id="age">
<br>
<button id="submit">提交</button>
<br>
<div id="result"></div>
</body>
</html>在上面的代碼中，我們首先引入了jQuery庫，并在頁面加載完成后，通過點擊提交按鈕來觸發AJAX請求。請求中包含了用戶輸入的姓名和年齡作為參數，通過將這些參數傳遞給servlet來獲取用戶信息。當AJAX請求成功返回后，我們將返回的數據顯示在一個具有id為"result"的div元素中。
當我們在瀏覽器中打開該HTML頁面時，我們可以輸入姓名和年齡，點擊提交按鈕后，頁面將不會刷新，而是通過AJAX請求向servlet發送數據，并在"result"的div中顯示servlet返回的結果。這樣，我們就成功調用了servlet并且動態更新了頁面的內容。
除了GET請求，我們也可以通過AJAX發送POST請求來調用servlet。只需要在$.ajax()函數的method屬性中設置為"POST"，并將數據傳遞給servlet即可。例如：
$.ajax({
url: "ServletDemo",
method: "POST",
data: { name: name, age: age },
success: function(data){
$("#result").html(data);
}
});通過以上步驟，我們可以輕松地使用AJAX調用servlet，實現與服務器的數據交互，并動態更新頁面的內容。這為我們開發更加靈活、交互性強的Web應用提供了豐富的可能性。