S2SH+jquery+JSON实现Ajax

直接把QQ日志搬进来，偷下懒 嘿嘿。
一、准备
　　1、S2SH整合相关问题这里不做过多介绍；

　　2.、引入实现Ajax相关的jar包：测试项目中所采用的Struts版本为struts2.1.8，该版本jar包中包含所需插件（json-lib-2.1.jar，struts2-json-plugin-2.1.8.1.jar），之前版本可能需要下载JSON插件；

　　3、引入jquery相关JS文件；

二 、工程中实现Ajax

　　这里以实现二级联动下拉菜单为例。

　　1、在JSP页面中编写前端javascript：项目中使用了jquery的$.getJSON(url,params,function callback(data))函数提交ajax请求到指定url，各个参数的含义为：

　　 url：处理请求的地址，本工程中对应Action中的一个方法；

　　 params：请求参数；

　　 callback(data)：回调函数，即接收到服务器处理结果后前端页面执行的方法，data为服务器返回的结果；

　　2、Ajax请求的配置：Ajax请求类型有别于一般struts2请求，继承自json-default，返回结果类型为json，json-default和“json”的结果类型都在struts2-json-plugin-2.1.8.1.jar的struts-plugin.xml中定义；

　　　struts.xml中action的配置如下：

　　　<package name="ajax" namespace="/ajax" extends="json-default">
　　　　 <action name="getsub" class="transBfAction" method="getSubAccList">
　　　　  <result type="json">
    　　　　<param name="excludeProperties">.*hibernateLazyInitializer</param>
    　　　　<param name="root">result</param>
  　　　　 </result>
  </action>
</package>

　　其中，与一般action配置不同的是package 中的 extends的设置，aciton返回结果result的返回类型；result中的第一个参数是解决hibernate反射关闭的也就是实体中的属性是另外的实体的问题，有待进一步考察；第二个参数表示返回结果，其值和Action中名称须保持一致，本项目中在Action类中定义了一个名称为result的属性，在对应方法中将返回值赋值给了result；
　　3、前台JSP接收请求返回结果：本工程使用了JS的eval方法将返回结果data转换成JSON对象，之后进行处理。

　　下面附上JS代码和相关Action中的代码：

　　JS:$(function(){
　　$("#acct").change(function(){
        var URL = "/ebank/ajax/getsub.shtml";
        params = {'index':$(this).val()};
        $.getJSON(URL,params,function callback(data){
        var JSON_text = eval("("+data+")");
        var myOptions = "";
       for(var i=0;i<JSON_text.length;i++){
       myOptions +='<option value="' + JSON_text[i].optionValue +'">' + JSON_text[i].optionDisplay     + '</option>';
      }
       $("#subacct").html(myOptions)
   });
  });
  $("#acct").change();
  })

$(function(){
  $("#acct").change(function(){
      var URL = "/ebank/ajax/getsub.shtml";
      params = {'index':$(this).val()};
   $.getJSON(URL,params,function callback(data){
   var JSON_text = eval("("+data+")");
    var myOptions = "";
    for(var i=0;i<JSON_text.length;i++){
     myOptions +='<option value="' + JSON_text[i].optionValue +'">' + JSON_text[i].optionDisplay + '</option>';
    }
       $("#subacct").html(myOptions)
   });
  });
  $("#acct").change();
  })

      JS中注意params的写法， params = {'index':$(this).val()};index将''号；

　　Action对应方法代码：

　  public String getSubAccList() {
  　String JSON_text = "";

     //获取请求参数
     String acctid = this.request.getParameter("index");

　 //中间具体数据处理代码略

     ......

    //将返回结果赋值给result,与struts.xml中一致
       this.result = JSON_text;
  　return SUCCESS;
}