ajax之jquery与struts2通信

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值