jquery的几种ajax方式对比
2012-04-10 12:31
351 查看
jquery的ajax方式有如下几种:
1. $.post(url,params,callback);
2. $.getJSON(url,params,callback);
3. $.ajax();
4. $.load(url,params,callback);
第一种:采用post方式提交,中文参数无需转码,在callback中如果要获取json字符串,还需转换一下。
如:
第2种方式:getJSON采取get方式提交,所以如果你的params参数里面有中文的话,请先转码,否则会出现乱码提交到后台。
第3种方式:$.ajax, 这种方式最灵活。
当然$.ajax里面还有很多参数 可以加更多的特效在里面,如ajaxStart ,ajaxStop等等,
上面的参数type,async,dataType都不是必须的。
第4种方式:$.load 这种用得很少,一般是来加载某一个页面或者xml等等。
总结:如果参数中没有中文,又想直接用json ,那就推荐$.getJSON,如果有中文 那就采用$.post或者$.ajax。
1. $.post(url,params,callback);
2. $.getJSON(url,params,callback);
3. $.ajax();
4. $.load(url,params,callback);
第一种:采用post方式提交,中文参数无需转码,在callback中如果要获取json字符串,还需转换一下。
如:
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参数里面有中文的话,请先转码,否则会出现乱码提交到后台。
1.$.getJSON(url,param,function(jsondata){ 2.这里返回的jsondata可以直接取不用再转换了。 3.如:jsondata[0].nuclide 4.}
第3种方式:$.ajax, 这种方式最灵活。
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。
相关文章推荐
- jquery的几种ajax方式对比
- jquery的几种ajax方式对比
- jquery的几种ajax方式对比
- jQuery中的Ajax几种请求方式
- jquery的几种ajax方式
- (转载)MVC + JQUERY + AJAX的几种方式
- JQuery书写Ajax的几种方式?
- (转载)MVC + JQUERY + AJAX的几种方式
- 通过XMLHttpRequest和jQuery实现ajax的几种方式
- MVC+jquery+AJAX的几种方式
- 通过XMLHttpRequest和jQuery实现ajax的几种方式
- 通过XMLHttpRequest和jQuery实现ajax的几种方式
- Ajax方式传json到controller的几种形式
- Linux下的几种文件拷贝方式效率对比
- jQuery绑定事件的几种实现方式
- 创建React组件的几种方式的对比
- jQuery插件---源代码显示.(Ajax加载方式).
- Jquery 获取对象的几种方式
- 使用jQuery和YQL,以Ajax方式加载外部内容
- SharePoint 实现ajax异步加载数据的几种方式