【communication】ajax之jquery与struts2通信

原文地址：http://blog.csdn.net/huangzihao100/article/details/7833471

jquery的ajax方式有如下几种:
1.   $.post(url,params,callback);
2.   $.getJSON(url,params,callback);
3.   $.ajax();
4.   $.load(url,params,callback);

第一种:采用post方式提交，中文参数无需转码，在callback中如果要获取json字符串，还需转换一下。
如：

[javascript] view plain copy

1. $.post(url,  
2.                             {id: id,  
3.                             code: code,  
4.                              companyId:companyId   
5.                              },  
6.                         function (data){  
7.                             showCompanyRadialDataListdatalist  
8.                             });  
9.   
10. 这个datalist为从后台取回来的数据List。  
11.   
12. function showCompanyRadialDataList(datalist){  
13.  var obj = eval(datalist);    
14. }//这个eval可以将data转成json串。方便后面取值。  
15. 如：  
16.     for (var i =0 ; i< obj.length ;i++){  
17.           $("td:eq(1)",$tr).htmlobj[i].nuclide);//这里可以用json方式取  datalist里面的数据  
18.      }  
19.       

第2种方式:getJSON采取get方式提交，所以如果你的params参数里面有中文的话，请先转码，否则会出现乱码提交到后台。

[javascript] view plain copy

1. $.getJSON(url,param,function(jsondata){  
2. 这里返回的jsondata可以直接取不用再转换了。  
3. 如：jsondata[0].nuclide  
4. }  

第3种方式:$.ajax， 这种方式最灵活。

[javascript] view plain copy

1. $.ajax({  
2.         url: url,//地址  
3.         data: data,//参数  
4.         type: 'POST',//提交方式 可以选择post/get 推荐post   
5.              async: false,//同步异步   
6.         dataType: 'json',//返回数据类型   
7.         success:function(data){  
8.             accidentList = data.list;  
9.         //这里可以直接取data里面的数据了，因为设置返回值为json方式。           
10.         }  
11.     });  

当然$.ajax里面还有很多参数 可以加更多的特效在里面，如ajaxStart ,ajaxStop等等，
上面的参数type,async,dataType都不是必须的。
第4种方式:$.load 这种用得很少，一般是来加载某一个页面或者xml等等。

总结:如果参数中没有中文，又想直接用json ,那就推荐$.getJSON,如果有中文 那就采用$.post或者$.ajax。

以上转自:http://pipe.iteye.com/blog/372394#

然而数据传输方式多种多样,

以键值对的字符串形式:简单方便"param1=value1&param2=value2"

以xml方式:虽然有点麻烦,但是当遇到复杂结构的数据类型时用得上,详细见:点击打开链接

以json方式: JSON 是 JavaScript原生格式，这意味着在 JavaScript中处理 JSON数据不需要任何特殊的 API或工具包。点击打开链接

然而需要注意的是:jquery.js会与json.js冲突,据说是因为$符号冲突...

1.网上有制作jquery的插件js对象与json互相转换的jQuery插件jquery-json

http://blog.csdn.net/mycup163/article/details/7090077

var thing = {plugin: 'jquery-json', version: 2.3};

var encoded = $.toJSON( thing );
// '{"plugin":"jquery-json","version":2.3}'
var name = $.evalJSON( encoded ).plugin;
// "jquery-json"
var version = $.evalJSON(encoded).version;
// 2.3

2.如果不想用json.js可以这样...手动写json点击打开链接..服务器发送过来的json可以用jquery的eval("("+data+")")/$.parseJson()转化为javascript对象

终于到服务器端了

为了怕以后的开发中出现同样的问题，现将问题记录起来
关于json与struts交互的问题
前台技术采用extjs:
strut2提供了支持json的插件
必须继承json-default、json-default继承自struts-default.
<package name="json" namespace="/"extends="json-default">

<action name="moduleAction" class="moduleAction">

            <result type="json"name="findData">
              <paramname="root">datas</param>
              <paramname="includeProperties">success,totalcount</param>
            </result>

            <result type="json"name="findTree">
              <paramname="root">result</param>
            </result>
</action>

1,result中type设置成json之后，容器会把action的属性自动封装到一个json对象中（json拦截器来做），然后调用ajax的callback方法.返回json数据

2,includeProperties参数：输出结果中需要包含的属性值，这里正则表达式和属性名匹配，可以用“,”分割填充多个正则表达式。
  如<paramname="includeProperties">module.*,user\.userName</param> 表示是module的所有属性及用户的用户名

3,excludeProperties参数：输出结果需要排除的属性值，也支持正则表达式匹配属性名，可以用“,”分割填充多个正则表达式，类同includeProperties

4，为什么要用includeProperties或excludeProperties 参数：
    主要是为了过滤掉接口，pojo的set、list、其它对象等不需要的数据防止循环取其它关联对象或找不到接口。

    如果不配置,默认是处理action中的所有属性，如果action中有接口注入，json拦截器可能找不到接口而返回不了结果，

   还有如果action中有一个对象，这个对象与好多对象都有关联，json拦截器会将相关联的所有对象的属性全部转换成json格式，

   如果其它对象有list、set,其返回结果相当庞大，有可能是死循环而无法返回 。

   如果不用<paramname="includeProperties">或其他方式进行json数据过滤，通过debug你会发现前台返回的json字符串，

   是把action中的所有属性全部转化成json字符串返回给客户端

 （包括service接口、pojo所有属性及有关联的pojo。有时候根本返回不了结果，也不报错，后台执行了，

  但前台执行不到callbackfunction，这主要是因为找不到接口或者关联的pojo太多，造成死循环），

  一般情况下用的最多的就是root、 includeProperties和excludeNullProperties参数。

  当然还有其他的方法，如给pojo的属性加json注解。

5,result标签中的name属性，即表示是struts2中的action类中返回的名称
如
    public String findAllById() throws Exception{
     int id=Integer.parseInt(this.request.getParameter("pid"));
     List<ModuleBean>list=service.findById(id);
      return "findTree";
   }
 上面代码return"findTree"就会找到findTree的结果集，并将其封装起来，返回json给客户端

因此 action 可以配置多个result