AJAX是一種用于在不重新加載整個網頁的情況下，通過后臺與前端進行數據交互的技術。在Web開發中，AJAX常常被用來實現動態更新界面或傳輸數據。Struts2作為一種流行的Java Web框架，可以幫助開發者快速構建靈活且可維護的Web應用程序。本文將介紹如何使用AJAX傳輸數據到Struts2，并提供具體的示例來說明該過程。
在實踐AJAX傳輸數據到Struts2之前，首先需要理解AJAX的工作原理。當用戶執行某種操作時，例如點擊按鈕或填寫表單，AJAX通過JavaScript發起一個HTTP請求，將請求發送到后臺的Struts2控制器。控制器根據請求的類型，使用相應的處理方法來處理請求，然后將處理結果返回給前端。前端接收到響應后，可以根據需要更新頁面上的特定部分，而不需要重新加載整個頁面。
為了演示AJAX傳輸數據到Struts2的過程，我們假設有一個簡單的情景：用戶在界面上輸入一個數字，然后通過AJAX將該數字傳遞到后臺進行計算，接著將計算結果返回到前端以更新頁面。以下是實現該功能的詳細步驟：
第一步：創建一個JSP頁面，并在界面上添加一個輸入框和一個按鈕。
<html>
<head>
<title>AJAX傳輸數據到Struts2</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#calculateBtn").click(function(){
var inputNumber = $("#inputNumber").val();
$.ajax({
url: "calculate.action",
type: "POST",
data: {number: inputNumber},
success: function(result){
$("#result").text(result);
}
});
});
});
</script>
</head>
<body>
<input type="text" id="inputNumber">
<button id="calculateBtn">計算</button>
<div id="result"></div>
</body>
</html>第二步：在Struts2的配置文件struts.xml中配置該請求的處理方法。
<struts>
<package name="default" extends="struts-default">
<action name="calculate" class="com.example.CalculationAction">
<result name="success">result.jsp</result>
</action>
</package>
</struts>第三步：創建一個名為CalculationAction的Java類，實現對輸入數字的計算，并將結果返回到前端。
package com.example;
public class CalculationAction {
private int number;
private int result;
// 在此省略了構造函數和getter/setter方法
public String execute() {
// 進行計算的業務邏輯，此處以加1為例
result = number + 1;
return "success";
}
}第四步：創建result.jsp頁面，用于顯示計算結果。
<%@ page contentType="text/html; charset=UTF-8" language="java" %>
<html>
<head>
<title>計算結果</title>
</head>
<body>
<h1>計算結果為：<%= result %></h1>
</body>
</html>通過上述步驟的操作，我們已經實現了將輸入的數字通過AJAX傳遞到Struts2后臺進行計算，并將計算結果返回到前端的功能。當用戶在界面上輸入數字并點擊"計算"按鈕時，AJAX將發送一個帶有數字數據的請求到后臺的Struts2控制器。控制器對請求進行處理，并將計算結果返回給前端，前端再將結果更新到頁面中。
綜上所述，通過AJAX傳輸數據到Struts2可以實現動態更新頁面的功能。開發者可以根據具體需求，在不用重新加載整個頁面的情況下，通過AJAX將數據傳遞到Struts2后臺，實現靈活且高效的數據交互。