Ajax是一種使網頁可以異步發送和接收數據的技術，能夠在不重新加載整個網頁的情況下更新部分內容。而JSP（JavaServer Pages）是一種動態網頁開發技術，可以通過嵌入Java代碼在服務器端生成HTML頁面。結合Ajax和JSP，我們可以開發出更加強大和靈活的網頁應用程序。本文將通過一個簡單的例子來介紹如何使用Ajax和JSP實現動態更新網頁內容的功能。 我們假設有一個網頁，其中包含一個按鈕和一個用于顯示當前時間的文本框。當用戶點擊按鈕時，網頁能夠實時更新文本框中的時間，而無需刷新整個頁面。下面是使用Ajax和JSP實現這一功能的步驟。 首先，在頁面中引入jQuery庫來簡化Ajax操作。在HTML頭部添加以下代碼：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

接下來，在頁面中定義一個按鈕和一個文本框，并為按鈕添加一個點擊事件。點擊按鈕時，將向服務器發送一個Ajax請求，并將服務器返回的時間數據更新到文本框中。以下是HTML代碼：

<input type="button" id="btnUpdate" value="更新時間" />
<p>
當前時間：<span id="txtTime"></span>
</p>

然后，在頁面底部添加一段JavaScript代碼，用于處理按鈕的點擊事件和更新文本框的內容。以下是JavaScript代碼：

<script>
$(document).ready(function() {
$("#btnUpdate").click(function() {
$.ajax({
url: "getTime.jsp",
success: function(response) {
$("#txtTime").text(response);
}
});
});
});
</script>

在上面的代碼中，我們使用了jQuery的`ajax()`函數來發送一個GET請求到`getTime.jsp`頁面。在請求成功后，會調用`success`回調函數，將服務器返回的時間數據更新到文本框中。 最后，我們需要創建一個JSP頁面來處理Ajax請求，并返回當前時間的數據。創建一個名為`getTime.jsp`的文件，并添加以下代碼：

<%@ page language="java" contentType="text/plain; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
String currentTime = new java.util.Date().toString();
out.print(currentTime);
%>

在上述代碼中，我們使用了JSP中的`out`對象來輸出當前時間的字符串。 現在，當用戶點擊按鈕時，頁面將會發送一個Ajax請求到`getTime.jsp`頁面，該頁面會返回當前時間的數據，然后JavaScript代碼將該數據更新到文本框中。通過這種方式，用戶無需刷新整個頁面就能實時獲取最新的時間。 通過以上示例，我們可以看到使用Ajax和JSP可以輕松實現動態更新網頁內容的功能。這種技術在各種Web應用程序中非常有用，比如實時聊天、實時數據更新等。希望本文能對你理解Ajax和JSP的使用有所幫助。