【communication】ajax之jquery与struts2通信

原文地址：http://www.jb51.cc/article/p-wyyjdhjt-bbt.html

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

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

[javascript] view plain copy

$.post(url,
{id:id,
code:code,
companyId:companyId
},
function(data){
showCompanyRadialDataListdatalist
});
这个datalist为从后台取回来的数据List。
functionshowCompanyRadialDataList(datalist){
varobj=eval(datalist);
}//这个eval可以将data转成json串。方便后面取值。
如：
for(vari=0;i<obj.length;i++){
$("td:eq(1)",$tr).htmlobj[i].nuclide);//这里可以用json方式取datalist里面的数据
}

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

[javascript] view plain copy

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

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

[javascript] view plain copy

$.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 原文链接：https://www.f2er.com/ajax/166581.html

【communication】ajax之jquery与struts2通信

猜你在找的Ajax相关文章