在Struts2中施用JSON AJAX

2012-10-19

在Struts2中使用JSON AJAXJSON插件提供了一种名为json的ResultType，一旦为某个Action指定了一个类型为json

在Struts2中使用JSON AJAX

JSON插件提供了一种名为json的ResultType，一旦为某个Action指定了一个类型为json的Result，则该Result无需映射到任何视图资源。因为JSON插件会负责将Action里的状态信息序列化成JSON格式的数据，并将该数据返回给客户端页面的JavaScript。

　　简单地说，JSON插件允许我们在JavaScript中异步调用Action，而且Action不再需要使用视图资源来显示该Action里的状态信息，而是由JSON插件负责将Action里的状态信息返回给调用页面——通过这种方式，就可以完成Ajax交互。

　　Struts2提供了一种可插拔方式来管理插件，安装Struts2的JSON插件与安装普通插件并没有太大的区别，一样只需要将Struts2插件的JAR文件复制到Web应用的WEB-INF/lib路径下即可。

--------引用

JSON插件下载地址：JSON插件下载

框架结构为：struts2 jquery JSON

首先搭建struts2环境

然后引入jar包如下图：

在Struts2中施用JSON AJAX
?

还需引入jquery.js文件

整个项目结构图如下

在Struts2中施用JSON AJAX
?

配置struts.xml

<br>建立Action类 LoginAction.java<br><textarea name="code" import="java.util.*" pageEncoding="utf-8"%><%@ page contentType="text/html; charset=utf-8"%> <%String path = request.getContextPath();String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><base href="<%=basePath%>"><title>My JSP 'login.jsp' starting page</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0"><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" src="js/jquery-1.7.1.js"></script><script type="text/javascript" src="js/my.js"></script></head><body><% //竟然还是TMD乱码 response.setContentType("text/html;charset=utf-8"); request.setCharacterEncoding("utf-8");%><div id="msg"></div> <form action="" method="post">用户名：<input type="text" name="username" id="username"><br>密码: <input type="password" name="password" id="password"><br>真实姓名：<input type="text" name="name" id="realname"><br>年龄：<input type="text" name="age" id="age"><br>住址：<input type="text" name="address" id="address"><br><input type="button" value="提交" id="btn" /></form></body></html>
my.js
<br>备注：<br></p><p><strong> 在调试的时候出现了乱码，本人水平有限，解决不了。<br></strong></p><p><strong>在login.jsp中设置了<br></strong></p><p><strong><%@ page contentType="text/html; charset=utf-8"%><br></strong></p><p><strong><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><br></strong></p><p><strong><%<br>//竟然还是TMD乱码<br>response.setContentType("text/html;charset=utf-8");<br>request.setCharacterEncoding("utf-8");<br>%></strong><strong><br></strong></p><p><strong>最后在struts.xml中也配置了<br></strong></p><p><strong><constant name="struts.i18n.encoding" value="UTF-8" /><br></strong></p><p><strong>还是乱码....<br></strong></p><p><strong><br></strong></p><p><strong>在struts.xml的配置文件中需要注意一点：<br></strong></p><p><strong>package继承的是json-default 而不是struts-default 这是因为只有在该包下才有JSON类型的Result<br></strong></p><p><strong><br></strong></p><p><strong>写到此处还是有点不明：<br></strong></p><p><strong>在my.js 中利用ajax请求地址到loginAction返回是JSON格式数据，不知道它是如何得到Action中的数据的。<br></strong></p><p><strong>我尝试把所有属性的set,get方法注释掉，发现得不到数据了，也许就是set,get传递数据的。<br></strong></p><p><strong>不解与不明之处还请指教！<br></strong></p> </p><div class="aged2"><script type="text/javascript">a("article_content_down");</script></div> </div> <div id="pagebox" > <a href="/jiaocheng/javascript/" target="_blank">查看更多</a> <A href="/jiaocheng/20130405/1423508.html" title="eclipse中默认js编辑器非常慢,尤其在拷贝粘贴代码时的解决办法">下一篇</A></div> <div id="MainLeftll"> <div id="MainLeftllToolbar">本文网址：<a href="https://www.reader8.net/jiaocheng/20121019/1423512.html">https://www.reader8.net/jiaocheng/20121019/1423512.html</a></div> <div class="related"><span class="relatedIco1">读书人精选</span> <ul class="relatedList"> </ul> </div> <div class="aged3"><script type="text/javascript">a("article_content_down2");</script></div> <div class="aged3a"><script type="text/javascript">a("article_content_down3");</script></div> </div> </div>   <div class="leftbox_r"> <div class="aged4"><script type="text/javascript">a("article_right_up");</script></div> <div class="Rtitle"> <span class="Rtitle_text">热点排行</span></div> <div class="RContl"> <div style="font-size:12px;text-align:left; border:1px solid #9cc9e0; padding:1px 4px;color:#000000;font-family:Arial, Helvetica,sans-serif;"><span>Bad Request. </span></div>