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后台，实现灵活且高效的数据交互。