struts2 + jquery + json 进行ajax请求

最新推荐文章于 2024-08-15 15:27:27 发布

yakoo5

最新推荐文章于 2024-08-15 15:27:27 发布

阅读量644

点赞数

分类专栏： Java JavaScript 文章标签： struts ajax json jquery string encoding

Java 同时被 2 个专栏收录

63 篇文章 1 订阅

订阅专栏

JavaScript

14 篇文章 0 订阅

订阅专栏

项目中想用ajax ，于是在网上扒了 n 多资料，犯了 n 多错误，从今天上班到现在一直在处理这个问题，终于还是把它解决了。

当我看到页面的ajax 显示后，我兴奋异常，为了记录自己学习的 ajax 历程，也为了让更多的人少走弯路，特写此一文以记之！

废话不说了，为了更好的理解，我重做了一个小的项目，以加深印象。现在就以这个小项目开始我们的ajax 之旅。

第一步：创建名为" ajax" 的 Java Web 项目。

第二步：加入struts2 的 jar 包，这里需要四个包 freemarker.jar ognl.jar struts2-core.jar commons-fileupload.jar commons-io.jar xwork-core-2.1.6.jar （这个包加上版本号，是因为下文要提到它），这六个包是 struts 必须依赖的 jar 包，什么好说的。

第三步：修改 web.xml 加入 struts 的过滤器，代码如下： <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"> <filter> <filter-name>struts2</filter-name> <filter-class>org.apache.struts2.dispatcher.FilterDispatcher</filter-class> </filter> <filter-mapping> <filter-name>struts2</filter-name> <url-pattern>/*</url-pattern> </filter-mapping> <welcome-file-list> <welcome-file>index.jsp</welcome-file> </welcome-file-list> </web-app>

第四步：加入json 的包，这里需要两个： json-lib.jar jsonplugin.jar 这里要注意很重要的一点，因为 json 大量引用了 Apache commons 的包，所以这里要一并加入，需要的 commons 包共 4 个，除了 commons 的包外，还需要引入一个 ezmorph 的包，所以这一步一共要引入 7 个包，列出如下： commons-collections.jar commons-lang.jar commons-beanutils.jar commons-logging.jar ezmorph.jar 再加上 json 的两个包共七个，一次性加入。

第五步：写后台处理 AjaxLoginAction . action，内容如下： package qy.test.action; import java.util.HashMap; import java.util.Map; import net.sf.json.JSONObject; import com.opensymphony.xwork2.ActionSupport; public class AjaxLoginAction extends ActionSupport { // 用户Ajax返回数据 private String result; // struts的属性驱动模式，自动填充页面的属性到这里 private String loginName; private String password; @Override public String execute() { // 用一个Map做例子 Map<String, String> map = new HashMap<String, String>(); // 为map添加一条数据，记录一下页面传过来loginName map.put("name", this.loginName); // 将要返回的map对象进行json处理 JSONObject jo = JSONObject.fromObject(map); // 调用json对象的toString方法转换为字符串然后赋值给result this.result = jo.toString(); // 可以测试一下result System.out.println(this.result); return SUCCESS; } //getter setter 方法省略 }

第六步：写前台index.jsp ，注意加入 jquery 的 js 文件内容如下： <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <mce:script type="text/javascript" src="js/jquery-1.3.2.min.js" mce_src="js/jquery-1.3.2.min.js"></mce:script> <mce:script type="text/javascript"></mce:script> </head> <body> <span>用户名：</span> <input type="text" id="loginName" name="loginName"> <br /> <span>密码：</span> <input type="password" name="password" id="password"> <br /> <input type="button" id="btn_login" value="Login" /> <p> 这里显示ajax信息： <br /> <span id="result"></span> </p> </body> </html>

第七步：在src 目录下加入 struts.xml ，并配置相应的xml 文件，为 ajax 请求提供数据。代码如下：

view plain copy to clipboard print ?

第八步：如果第四步没有加入commons-logging.jar 包，这里要记得加入

第九步：发布运行。很不幸，你会发现一个错误，

java.lang.ClassNotFoundException: com.opensymphony.xwork2.util.TextUtils:

这是struts 的版本错误，因为用的 xwork2.1.6-core.jar 中不存在 TextUtils 类，这里把 xwork2.1.2-core.jar 也加到 classpath 中， xwork2.1.2-core.jar 中包含这个东西，我们用的是 xwork2.1.6 的 jar ，当要用到 TextUtils 时，就去 xwork2.1.2-core.jar 中找。

原文链接地址：http://blog.csdn.net/zhqingyun163/archive/2010/01/18/5208766.aspx

yakoo5

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
struts2 + jquery + json 进行ajax请求

项目中想用ajax，于是在网上扒了n多资料，犯了n多错误，从今天上班到现在一直在处理这个问题，终于还是把它解决了。当我看到页面的ajax显示后，我兴奋异常，为了记录自己学习的ajax历程，也为了让更多的人少走弯路，特写此一文以记之！废话不说了，为了更好的理解，我重做了一个小的项目，以加深印象。现在就以这个小项目开始我们的aja
复制链接

扫一扫

专栏目录