Struts2与jQuery整合实现Ajax请求及响应处理

本资源主要介绍如何在Struts2框架中结合jQuery和JSON技术实现Ajax功能，以便在不刷新整个页面的情况下进行数据交互。 在Web开发中，Struts2是一个非常流行的MVC（模型-视图-控制器）框架，而jQuery则是一个强大的JavaScript库，简化了DOM操作和Ajax通信。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。 1. 首先，你需要将Struts2的JSON插件添加到你的项目中。你可以从指定的下载地址（http://code.google.com/p/jsonplugin/downloads/list）获取这个插件，并将其jar包放入Web工程的lib目录下。这个插件使得Struts2能够支持JSON响应，这对于Ajax请求尤其重要。 2. 接下来，配置Struts2的配置文件（通常为struts.xml）。创建一个新的名为"ajax"的包，继承自"json-default"，这样可以启用默认的JSON支持。在该包内定义一个名为"ajaxRequest"的动作，指定对应的Java类并设置结果类型为"json"。这将在用户触发Ajax请求时被调用。 ```xml <package name="ajax" extends="json-default"> <action name="ajaxRequest" class="org.david.struts2.HelloWorld"> <result type="json"></result> </action> </package> ``` 3. 在JSP页面（如helloworld.jsp）中，引入jQuery库（在这个例子中是1.2.6版本），然后定义一个JavaScript函数`clickButton()`，它将触发Ajax请求。函数中，构建了一个POST请求，目标URL为"ajaxRequest.action"，并将输入框的值作为参数发送。当服务器返回数据时，会调用`callbackFun`函数处理响应数据。 ```html <SCRIPT type="text/javascript" src="js/jquery-1.2.6.min.js"></script> <SCRIPT type="text/javascript"> function clickButton() { var url = 'ajaxRequest.action'; var params = { name: $('#name').attr('value') }; jQuery.post(url, params, callbackFun, 'json'); } function callbackFun(data) { alert(data.result); // 显示从服务器返回的消息 // 可以在这里处理更多的页面更新逻辑 } </SCRIPT> <input id="name" type="text"> <input type="button" value="ok" onclick="javascript:clickButton();"> ``` 4. 最后，创建对应的Java类（如HelloWorld.java），在这个例子中，有一个`setName`方法用于设置接收到的参数，以及一个`getResult`方法用于返回处理后的结果。在服务器端处理请求后，Struts2会将结果以JSON格式返回给前端的`callbackFun`函数。 ```java package org.david.struts2; public class HelloWorld { private String name; private String result; // Ajax响应结果 public void setName(String name) { this.name = name; } // Ajax请求时，由Struts2自动调用此方法 public String execute() { result = "Hello, " + name; // 假设这是处理逻辑 return "success"; } } ``` 总结：这个例子展示了如何利用Struts2的JSON插件，结合jQuery的Ajax功能，实现在用户界面上无刷新地发送请求和接收数据。通过这样的方式，你可以创建更加动态和交互性强的Web应用程序，提升用户体验。同时，确保在实际项目中根据需求调整配置和代码，以满足不同的业务场景。