《研磨struts2》第十四章 对Ajax的支持 之 14.4 使用JSON插件
14.4 使用JSON插件
14.4.1 JSON基础
JSON(JavaScript Object Natation),它是一种轻量级、基于文本、语言无关的数据交换格式,类似于XML,是一种结构化数据串行化的文本格式,常常用于服务器与JavaScript之间的数据交换上。
JSON是从ECMAScript语言标准衍生而来的,定义了一套简单的格式化规则,JSON可以描述四种简单的类型,包括字符串、数字、布尔值及和null;还可以描述两种结构化类型,包括对象和数组。
当然,更多JSON具体的语法不是这里关注的重点,有需要的朋友请参见http://json.org/,在那里可以获取更多的JSON的知识。
14.4.2 JSON插件
为了更容易使用JSON,Struts2提供了JSON插件,这个插件提供了名为“json”的ResultType,如果设置某个Result的类型为json,那么JSON插件会把这个Action对象序列化成为一个json格式的字符串,然后再向客户端返回这个字符串。
要使用JSON插件,只需要把struts2-json-plugin-2.1.8.1.jar文件拷贝到WEB-INF/lib里面即可。
JSON插件提供了一些参数,供大家在有需要的时候选用,可以通过他们实现更精确的控制,基本的参数罗列如下:
- excludeProperties:输出结果需要去除的属性值,支持正则表达式匹配属性名,可以用“,”分割填充多个正则表达式。如下示例代码就表示,user属性里面的password属性不会被序列化输出,代码如下:
<result type="json"> <param name="excludeProperties"> user.password </param> </result>
includeProperties:输出结果中需要包含的属性值,支持正则表达式和属性名匹配,可以用“,”分割填充多个正则表达式。如下示例就表示输出user的所有属性,代码如下:
<result type="json"> <param name="includeProperties"> user.* </param> </result>
root:根据ognl表达式取出你需要输出的结果的根对象,如下示例就表示输出user的name属性的值,代码如下:
<result type="json"> <param name="includeProperties"> user.name </param> </result>
- excludeNullProperties:表示是否去掉空值, 默认值是false,如果设置为true会自动将为空的值过滤,只输出不为空的值
- ignoreHierarchy:表示是否忽略继承关系,默认值是true,也就是在输出的时候不会自动把父级对象序列化并输出。
当然,JSON插件还有很多的参数,这里就不去一一罗列了,有兴趣的朋友请参见https://cwiki.apache.org/confluence/display/WW/JSON%20Plugin,哪里有详尽的参数说明。
14.4.3使用JSON插件来实现Ajax
沿用前面演示Ajax的示例,实现最常见的输入校验的功能,通过Ajax来判断输入的ID是否重复,并给出相应的提示信息。
(1)Action的写法跟以前差不多,示例代码如下:
public class AjaxAction extends ActionSupport { private String account; private String password; private String msg; public String getAccount() { return account; } public void setAccount(String account) { this.account = account; } public String getPassword() { return password; } public void setPassword(String password) { this.password = password; } public String getMsg() { return msg; } public void setMsg(String msg) { this.msg = msg; } public String execute() throws Exception { //准备已经注册的数据,测试使用 Set<String> set = new HashSet<String>(); set.add("account1"); set.add("account2"); set.add("account3"); if(set.contains(account)){ msg = "输入不正确,请重新输入"; }else{ msg = "输入正确"; } return this.SUCCESS; } }
注意:Action的属性需要提供getter/setter方法,不能用public属性的方式进行值的对应,否则JSON插件是不会正确序列化属性值的。
(2)struts.xml的配置有一些变化,首先是不再继承struts-default,而是改为继承json-default;其次result的type要设置为json,示例代码如下:
<action name="ajaxAction" class="cn.javass.ajax.AjaxAction"> <result name="success" type="json"></result> </action>
(3)页面也有一些变化,主要是在获取Action的返回值过后,需要通过eval方法来把json字符串造型成为一个对象,然后把这个对象中的msg属性的值设置到div中显示即可,示例代码如下:
<%@ page contentType="text/html; charset=gb2312"%> <head><meta http-equiv="Content-Type" content="text/html;charset=gb2312"></head> <script language="javascript"> var myRequest; function t1(){ //准备向后台传输的数据 var account = document.getElementById("account").value; //Ajax myRequest = new ActiveXObject("Msxml2.XMLHTTP"); myRequest.onreadystatechange = t2; myRequest.open("GET","ajaxAction.action?account="+account,true); myRequest.send(null); } function t2(){ if(myRequest.readyState==4){ var ret = myRequest.responseText; //把json造型成对象 var obj = eval("("+ret+")"); //后续处理,把对象的msg设置到div中显示出来 document.all("myDiv").innerHTML = obj.msg; } } </script> <form action="" medhot="post"> <table> <tr> <td colspan=3 align=center>新用户注册</td> </tr> <tr> <td>用户帐号:</td> <td><input type="text" id="account" name="account" onblur="t1();"><font color=red>*</font></td> <td><div id="myDiv"></div></td> </tr> <tr> <td>用户密码:</td> <td colspan=2><input type="password" id=""password" name="password"></td> </tr> <tr> <td>重复密码:</td> <td colspan=2><input type="password" id=""password2" name="password2"></td> </tr> <tr> <td colspan=3 align=center><input type="submit" value="保存注册信息"></td> </tr> </table> </form>
去运行看看,效果应该跟前面AJAX演示的效果是一样的。
私塾在线网站原创《研磨struts2》系列
转自请注明出处:【http://sishuok.com/forum/blogPost/list/0/4132.html】
欢迎访问http://sishuok.com获取更多内容
相关推荐
结束数据方法的参数,该如何定义?-- 集合为自定义实体类中的结合属性,有几个实体类,改变下标就行了。<input id="add" type="button" value="新增visitor&quo