ajax 是一種用于在無需刷新整個頁面的情況下，從服務器請求數據并將其顯示在網頁中的技術。它通過使用異步的 JavaScript 和 XML（Ajax）來實現這一功能。在 JSP 頁面中使用 Ajax 請求數據，能夠使網頁更加流暢，并增加用戶體驗。 舉個例子，我們可以想象一個在線商城的網站。當用戶點擊某種商品的名稱或圖片時，網頁通常會彈出一個小窗口，顯示該商品的詳細信息。在使用傳統的方式，每次用戶點擊一個商品，整個頁面就需要重新加載，導致用戶體驗較差。但是，通過使用 Ajax 技術，我們可以在用戶點擊商品時，僅使用少量的數據通信量，并且只更新和展示商品詳細信息的部分窗口，而不是整個頁面。 為了在 JSP 頁面中使用 Ajax 請求數據，我們首先需要將 JavaScript 代碼嵌入到 JSP 頁面中。一種常見的方式是使用 script 標簽，如下所示：

<script>
// 在這里編寫 Ajax 請求的 JavaScript 代碼
</script>

然后，我們可以使用 JavaScript 的 XMLHttpRequest 對象來向服務器發送請求和處理響應。例如，下面的代碼片段展示了一個簡單的 Ajax 請求的示例，用于從服務器獲取數據并在網頁中顯示：

<script>
var xhr = new XMLHttpRequest();  // 創建 XMLHttpRequest 對象
xhr.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
// 請求成功，執行相應的操作
document.getElementById("data").innerHTML = this.responseText;
}
};
xhr.open("GET", "data.jsp", true);  // 設置請求方法、URL 和異步標志
xhr.send();  // 發送請求
</script>

上述代碼中，xhr.onreadystatechange 屬性用于指定在收到服務器響應時要執行的函數。readyState 屬性表示請求/響應過程的當前狀態，4 表示已完成。status 屬性表示響應的狀態碼，200 表示請求成功。因此，如果 readyState 為 4 并且 status 為 200，表示請求成功，我們可以執行相應的操作。上述代碼將服務器響應的數據顯示在 id 為 "data" 的元素中。 在服務器的端口，我們可以編寫一個 JSP（data.jsp）來處理這個 Ajax 請求。例如，下面的代碼片段展示了如何在服務器端生成一些數據并將其返回給 Ajax 請求：

<%@ page contentType="text/plain;charset=UTF-8" language="java" %>
<%
String data = "這是一些動態生成的數據。";
out.print(data);  // 將數據輸出到響應中
%>

在上述代碼中，我們在服務器端生成了一些數據，并將其保存在變量 data 中。然后，通過 out.print() 方法將數據輸出到響應中。這樣，當客戶端發送 Ajax 請求時，服務器將返回這些數據，并通過 JavaScript 將其顯示在網頁中。 正如我們所看到的，通過使用 Ajax 在 JSP 頁面中請求數據，我們可以使網頁更加流暢，并提高用戶體驗。無論是在在線商城，還是在其他類似的網站中，Ajax 技術都可以發揮重要作用，使用戶能夠快速獲取所需的信息，而無需等待整個頁面重新加載。優化用戶體驗的同時，也減輕了服務器的負擔，提高了網站的性能。因此，在開發 JSP 頁面時，我們應該積極運用 Ajax 技術來滿足用戶的需求。