AJAX（Asynchronous JavaScript and XML）是一種在Web應用程序中發送和接收數據的技術，使得我們可以在不刷新整個頁面的情況下更新部分頁面內容。通過使用AJAX，我們可以通過向服務器發送異步請求，獲取實時數據，并將結果插入到頁面中的特定位置。在本文中，我們將討論如何使用AJAX發送請求到Action，并展示一些示例以幫助理解。
無論是在社交媒體網站上加載新信息，還是在電子商務網站上添加產品到購物車，AJAX都發揮了重要作用。通過異步加載數據，用戶可以更快地獲得所需的信息，提供更好的用戶體驗。
在一個常見的例子中，我們可以使用AJAX向服務器發送一個請求，以獲取最新的天氣情況。以下是一個基本的HTML頁面，其中包含一個按鈕和一個空白的DIV元素，我們將在其中顯示天氣信息：
<!DOCTYPE html>
<html>
<head>
<title>獲取天氣信息</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<button id="getWeatherBtn">獲取天氣</button>
<div id="weatherInfo"></div>
<script type="text/javascript">
$(document).ready(function(){
$("#getWeatherBtn").click(function(){
$.ajax({
type: "GET",
url: "weatherAction.action",
success: function(response){
$("#weatherInfo").html(response);
},
error: function(){
alert("請求失敗，請稍后重試！");
}
});
});
});
</script>
</body>
</html>在上面的示例中，我們使用了jQuery庫來簡化AJAX請求的編寫過程。當用戶點擊“獲取天氣”按鈕時，將觸發一個AJAX請求。請求類型設置為GET，目標URL為“weatherAction.action”，該URL指向服務器上的一個Action。當請求成功返回時，success回調函數會被調用，并將服務器的響應插入到“weatherInfo” DIV元素中。
在服務器端，可以使用Java編寫一個處理天氣數據的Action。以下是一個簡單的例子：
public class WeatherAction extends ActionSupport {
private String weatherInfo;
public String getWeather() {
// 這里可以編寫獲取天氣的業務邏輯
weatherInfo = "今日天氣晴朗，溫度26℃";
return SUCCESS;
}
// getter and setter methods
}在上面的代碼中，我們創建了一個名為“WeatherAction”的類，繼承自Struts2框架中的ActionSupport類。我們定義了一個名為“weatherInfo”的成員變量，用于保存天氣信息。getWeather方法用于處理AJAX請求，該方法在業務邏輯中獲取天氣信息并將其賦值給weatherInfo變量。最后，我們返回SUCCESS作為響應。
通過將AJAX請求與服務器端Action的響應結合起來，我們可以實現動態更新頁面內容的功能。這為Web應用程序的開發提供了更多可能性，并提高了用戶的交互體驗。