AJAX是一種在不重新加載整個頁面的情況下更新網頁內容的技術。結合JSP頁面進行數值傳遞，可以實現動態更新內容，提升用戶交互體驗。本文將詳細介紹如何使用AJAX在JSP頁面之間傳遞數值，并給出相應的代碼示例。

假設有一個簡單的網站，其中包含一個表單頁面和一個結果頁面。用戶在表單頁面中輸入姓名，并點擊提交按鈕后，網站會在結果頁面中顯示用戶的姓名。實際上，我們可以使用AJAX技術在不刷新整個頁面的情況下將姓名傳遞到結果頁面。

// 表單頁面
<form id="myForm" method="post"><input type="text" id="name" name="name" /><button type="button" onclick="submitForm()">提交</button></form>// JavaScript函數
function submitForm() {
var name = document.getElementById("name").value;
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("result").innerHTML = this.responseText;
}
};
xmlhttp.open("GET", "result.jsp?name=" + name, true);
xmlhttp.send();
}
// 結果頁面（result.jsp）
${param.name}

在上述代碼中，當用戶點擊提交按鈕時，JavaScript函數submitForm()會被調用。這個函數通過XMLHttpRequest對象創建了一個HTTP請求，并將用戶輸入的姓名作為參數傳遞到結果頁面（result.jsp）。在結果頁面中，可以使用JSP的EL表達式${param.name}獲取到傳遞過來的姓名，并將其顯示在一個

標簽中。

當AJAX請求被發送到結果頁面，并返回響應后，頁面中的

標簽的內容將會被更新為傳遞過來的姓名。而整個頁面的其他部分則會保持不變。

除了傳遞文本字符串，AJAX還可以傳遞其他形式的數據，例如JSON、XML或二進制數據。舉個例子，假設我們需要返回一個包含用戶姓名和年齡的JSON對象。修改上述代碼如下：

// 表單頁面
<form id="myForm" method="post"><input type="text" id="name" name="name" /><br><input type="number" id="age" name="age" /><br><button type="button" onclick="submitForm()">提交</button></form>// JavaScript函數
function submitForm() {
var name = document.getElementById("name").value;
var age = document.getElementById("age").value;
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var result = JSON.parse(this.responseText);
document.getElementById("result").innerHTML = "姓名：" + result.name + "<br>年齡：" + result.age;
}
};
xmlhttp.open("GET", "result.jsp?name=" + name + "&age=" + age, true);
xmlhttp.send();
}
// 結果頁面（result.jsp）<%
String name = request.getParameter("name");
int age = Integer.parseInt(request.getParameter("age"));
JSONObject json = new JSONObject();
json.put("name", name);
json.put("age", age);
out.println(json.toString());
%>

在表單頁面中，我們增加了一個輸入框用于用戶輸入年齡。修改的JavaScript函數將姓名和年齡兩個參數一起傳遞到結果頁面。在結果頁面中，我們使用Java的JSONObject類來創建一個包含姓名和年齡的JSON對象。最后，我們將JSON對象轉換成字符串并打印輸出。

在Ajax和JSP頁面之間傳遞數值可以有效地提升用戶體驗，實現動態更新內容。通過上述示例，我們可以看到如何使用AJAX的XMLHttpRequest對象和JSP頁面進行傳值，并實時更新頁面的內容。