AJAX是一種基于JavaScript的前端技術，可以通過異步請求發送數據到服務器，并能夠在不刷新整個頁面的情況下更新頁面的局部內容。這項技術為Web開發帶來了很多便利性和用戶體驗上的提升。在本文中，我們將探討如何使用AJAX發送請求到JSP頁面，并通過舉例說明其用法和效果。

首先，讓我們考慮一個簡單的示例場景。假設我們有一個網站，其中包含一個展示天氣信息的頁面。我們希望能夠通過AJAX向服務器發送請求，獲取最新的天氣數據，并將其顯示在頁面上。為此，我們可以創建一個JSP頁面來處理該請求，并返回相應的天氣信息。

// weather.jsp<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%
String city = request.getParameter("city");
// 假設我們有一個方法來獲取天氣信息
String weather = getWeather(city);
out.println(weather);
%>

現在，讓我們回到我們的網站頁面。我們可以使用JavaScript來處理AJAX請求，并將返回的天氣數據更新到頁面上的某個元素中。首先，我們需要創建一個XMLHttpRequest對象：

// weather.js
function getWeather(city) {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
// 當請求成功返回時，更新頁面元素的內容
document.getElementById("weather").innerHTML = this.responseText;
}
};
xhttp.open("GET", "weather.jsp?city=" + city, true);
xhttp.send();
}

在上述代碼中，我們創建了一個XMLHttpRequest對象并設置了其readyStateChange事件的監聽器。當請求的readyState屬性變為4（請求已完成）且status屬性為200（請求成功）時，我們通過JavaScript將服務器返回的內容更新到頁面上的元素中。

接下來，我們可以在頁面中定義一個按鈕，當點擊該按鈕時可以觸發AJAX請求，并將請求的城市作為參數傳遞給getWeather函數：

<button onclick="getWeather('London')">獲取天氣</button><div id="weather"></div>

通過以上的代碼，當用戶點擊“獲取天氣”按鈕時，getWeather函數將會被調用，并將字符串“London”作為參數傳遞給它。然后，getWeather函數會發送一個AJAX請求到weather.jsp頁面，并獲取到對應城市的天氣信息。

最后，當服務器返回天氣信息時，我們使用JavaScript將其更新到頁面上的weather元素中。用戶可以在頁面上直接看到最新的天氣情況，而無需刷新整個頁面。

總結起來，通過AJAX發送請求到JSP頁面可以實現前后端數據的交互，提升用戶體驗和頁面的動態性。以上示例展示了如何利用AJAX從一個JSP頁面獲取天氣信息，并將其實時更新到網頁上。這種技術在實際開發中經常被應用于各種場景，如實時搜索、加載更多內容等。希望本文對你理解和使用AJAX發送請求到JSP頁面有所幫助。