`

《研磨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属性不会被序列化输出，代码如下：

 

java代码：
查看复制到剪贴板打印
  1. <result type="json">  
  2.   <param name="excludeProperties">  
  3.     user.password  
  4.   </param>  
  5. </result>  

includeProperties：输出结果中需要包含的属性值，支持正则表达式和属性名匹配，可以用“,”分割填充多个正则表达式。如下示例就表示输出user的所有属性，代码如下：

 

java代码：
查看复制到剪贴板打印
  1. <result type="json">  
  2.   <param name="includeProperties">  
  3.     user.*  
  4.   </param>  
  5. </result>  

root：根据ognl表达式取出你需要输出的结果的根对象，如下示例就表示输出user的name属性的值，代码如下：

 

java代码：
查看复制到剪贴板打印
  1. <result type="json">  
  2.   <param name="includeProperties">  
  3.     user.name  
  4.   </param>  
  5. </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的写法跟以前差不多，示例代码如下：

 

java代码：
查看复制到剪贴板打印
  1. public class AjaxAction extends ActionSupport {  
  2.     private String account;  
  3.     private String password;  
  4.     private String msg;  
  5.       
  6.     public String getAccount() {  
  7.         return account;  
  8.     }  
  9.     public void setAccount(String account) {  
  10.         this.account = account;  
  11.     }  
  12.     public String getPassword() {  
  13.         return password;  
  14.     }  
  15.     public void setPassword(String password) {  
  16.         this.password = password;  
  17.     }  
  18.     public String getMsg() {  
  19.         return msg;  
  20.     }  
  21.     public void setMsg(String msg) {  
  22.         this.msg = msg;  
  23.     }  
  24.   
  25.       
  26.     public String execute() throws Exception {  
  27.         //准备已经注册的数据,测试使用  
  28.         Set<String> set = new HashSet<String>();  
  29.         set.add("account1");  
  30.         set.add("account2");  
  31.         set.add("account3");  
  32.           
  33.         if(set.contains(account)){  
  34.             msg = "输入不正确，请重新输入";  
  35.         }else{  
  36.             msg = "输入正确";  
  37.         }         
  38.         return this.SUCCESS;  
  39.     }  
  40. }  

注意：Action的属性需要提供getter/setter方法，不能用public属性的方式进行值的对应，否则JSON插件是不会正确序列化属性值的。

（2）struts.xml的配置有一些变化，首先是不再继承struts-default，而是改为继承json-default；其次result的type要设置为json，示例代码如下：

 

java代码：
查看复制到剪贴板打印
  1. <action name="ajaxAction" class="cn.javass.ajax.AjaxAction">  
  2.         <result name="success" type="json"></result>  
  3. </action>  

（3）页面也有一些变化，主要是在获取Action的返回值过后，需要通过eval方法来把json字符串造型成为一个对象，然后把这个对象中的msg属性的值设置到div中显示即可，示例代码如下：

 

java代码：
查看复制到剪贴板打印
  1. <%@ page contentType="text/html; charset=gb2312"%>  
  2. <head><meta http-equiv="Content-Type" content="text/html;charset=gb2312"></head>  
  3. <script language="javascript">  
  4.     var myRequest;  
  5.     function t1(){  
  6.         //准备向后台传输的数据  
  7.         var account = document.getElementById("account").value;   
  8.         //Ajax  
  9.         myRequest = new ActiveXObject("Msxml2.XMLHTTP");  
  10.         myRequest.onreadystatechange = t2;  
  11.         myRequest.open("GET","ajaxAction.action?account="+account,true);  
  12.         myRequest.send(null);  
  13.     }     
  14.     function t2(){  
  15.         if(myRequest.readyState==4){  
  16.             var ret = myRequest.responseText;  
  17.             //把json造型成对象  
  18.             var obj = eval("("+ret+")");              
  19.             //后续处理，把对象的msg设置到div中显示出来  
  20.             document.all("myDiv").innerHTML = obj.msg;    
  21.         }  
  22.     }     
  23. </script>  
  24. <form action="" medhot="post">  
  25.     <table>  
  26.         <tr>  
  27.             <td colspan=3 align=center>新用户注册</td>  
  28.         </tr>  
  29.         <tr>  
  30.             <td>用户帐号：</td>  
  31.             <td><input type="text" id="account" name="account" onblur="t1();"><font color=red>*</font></td>  
  32.             <td><div id="myDiv"></div></td>  
  33.         </tr>  
  34.         <tr>  
  35.             <td>用户密码：</td>  
  36.             <td colspan=2><input type="password" id=""password" name="password"></td>  
  37.         </tr>  
  38.         <tr>  
  39.             <td>重复密码：</td>  
  40.             <td colspan=2><input type="password" id=""password2" name="password2"></td>  
  41.         </tr>  
  42.         <tr>  
  43.             <td colspan=3 align=center><input type="submit" value="保存注册信息"></td>  
  44.         </tr>  
  45.     </table>  
  46. </form>  

去运行看看，效果应该跟前面AJAX演示的效果是一样的。

 

私塾在线网站原创《研磨struts2》系列

转自请注明出处：【http://sishuok.com/forum/blogPost/list/0/4132.html】

欢迎访问http://sishuok.com获取更多内容

8
顶
0
踩
分享到：
| 《研磨struts2》第十四章 对Ajax的支持 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics