在網頁開發中，Ajax 和 JSP 是兩個重要的技術。Ajax（Asynchronous JavaScript and XML）是一種用于在網頁上實現異步通信的技術，而JSP（JavaServer Pages）是一種動態網頁技術，用于在服務器端生成網頁內容。本文將介紹如何使用Ajax 和 JSP 的代碼來實現一些常見的功能。 首先，讓我們來看一個使用Ajax和JSP實現實時搜索的例子。假設我們有一個包含許多用戶的數據庫，我們希望在用戶開始輸入時，在頁面上實時顯示匹配的用戶。我們可以使用Ajax來實現這個功能。首先，在頁面上添加一個文本框和一個用于顯示匹配結果的區域，如下所示：

<input type="text" id="searchInput">
<div id="searchResults"></div>

然后，在JavaScript中編寫以下代碼來處理輸入事件并向服務器發送請求：

document.getElementById("searchInput").addEventListener("input", function() {
var searchValue = document.getElementById("searchInput").value;
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("searchResults").innerHTML = this.responseText;
}
};
xmlhttp.open("GET", "search.jsp?q=" + searchValue, true);
xmlhttp.send();
});

在上面的代碼中，我們使用了JavaScript的EventTarget.addEventListener()方法來添加一個輸入事件監聽器。每當用戶在文本框中輸入時，該事件監聽器會觸發，并向服務器發送一個GET請求。服務器端的JSP代碼如下所示：

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="java.util.List"%>
<%@ page import="com.example.User"%>
<%@ page import="com.example.UserDAO"%>
<%@ page import="com.example.UserDAOImpl"%>
<%@ page import="com.example.SearchUtils"%>
<%@ page import="java.net.URLEncoder"%>
<%@ page import="org.json.simple.JSONArray"%>
<%
String searchValue = request.getParameter("q");
UserDAO userDAO = new UserDAOImpl();
ListsearchResults = userDAO.searchUsers(searchValue);
JSONArray jsonArray = new JSONArray();
for (User user : searchResults) {
jsonArray.add(SearchUtils.getUserJSON(user));
}
out.println(jsonArray.toJSONString());
%>

在上面的JSP代碼中，我們首先從請求參數中獲取搜索關鍵字。然后，我們使用一個UserDAO實現類從數據庫中獲取匹配的用戶數據，并將這些數據轉換成一個JSON數組。最后，我們使用out.println()方法將JSON數組作為響應輸出。 通過上述的例子，我們可以看到如何使用Ajax和JSP來實現實時搜索功能。當用戶輸入時，通過Ajax技術向服務器發送搜索請求，并使用JSP生成并返回匹配的結果。這樣，用戶就能夠在不刷新整個頁面的情況下獲取搜索結果。 除了實時搜索，Ajax 和 JSP 還可以用于許多其他用途，例如創建動態表單，實現數據的增刪改查等等。通過Ajax和JSP的結合使用，我們可以在網頁上實現更多交互性和動態性的功能。 總結起來，Ajax和JSP是兩個在網頁開發中非常有用的技術。通過Ajax，我們可以在網頁上實現異步通信，而JSP則可以用于在服務器端生成動態內容。通過合理地編寫Ajax和JSP的代碼，我們可以實現各種功能，從而提升用戶體驗。希望本文的例子能夠幫助讀者更好地理解和應用Ajax和JSP。