ajax之jquery与struts2通信

来源:互联网 发布:网络爬虫违法吗 编辑:程序博客网 时间:2024/05/21 10:26
jquery的ajax方式有如下几种:
1.   $.post(url,params,callback);
2.   $.getJSON(url,params,callback);
3.   $.ajax();
4.   $.load(url,params,callback);

第一种:采用post方式提交,中文参数无需转码,在callback中如果要获取json字符串,还需转换一下。
如:
$.post(url,{id: id,code: code, companyId:companyId  },function (data){showCompanyRadialDataListdatalist});这个datalist为从后台取回来的数据List。function showCompanyRadialDataList(datalist){ var obj = eval(datalist);  }//这个eval可以将data转成json串。方便后面取值。如:for (var i =0 ; i< obj.length ;i++){          $("td:eq(1)",$tr).htmlobj[i].nuclide);//这里可以用json方式取datalist里面的数据     } 

第2种方式:getJSON采取get方式提交,所以如果你的params参数里面有中文的话,请先转码,否则会出现乱码提交到后台。
$.getJSON(url,param,function(jsondata){这里返回的jsondata可以直接取不用再转换了。如:jsondata[0].nuclide}

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

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

当然$.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

原创粉丝点击