jquery的几种ajax方式对比

转载 2015年07月06日 16:42:33
jquery的ajax方式有如下几种:
1.   $.post(url,params,callback);
2.   $.getJSON(url,params,callback);
3.   $.ajax();
4.   $.load(url,params,callback);

第一种:采用post方式提交,中文参数无需转码,在callback中如果要获取json字符串,还需转换一下。
如:
Java代码  收藏代码
  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参数里面有中文的话,请先转码,否则会出现乱码提交到后台。
Java代码  收藏代码
  1. $.getJSON(url,param,function(jsondata){  
  2. 这里返回的jsondata可以直接取不用再转换了。  
  3. 如:jsondata[0].nuclide  
  4. }  

第3种方式:$.ajax, 这种方式最灵活。
Java代码  收藏代码
  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确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯。废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对j...
  • killerggf
  • killerggf
  • 2010年05月24日 12:52
  • 56503

jquery的几种ajax方式

jquery的ajax方式有如下几种: 1.   $.post(url,params,callback); 2.   $.getJSON(url,params,callback); 3. ...
  • DING135DING
  • DING135DING
  • 2015年08月04日 22:54
  • 574

ajax常用的几种方式

1.$.ajax()返回其创建的 XMLHttpRequest 对象。 $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息。详细参数选项见下。 如果你指定了 da...
  • sinat_33388558
  • sinat_33388558
  • 2016年12月10日 13:28
  • 1514

ajax的三种实现方式

Jquery的ajax实现 load方法 1 实现load方法中只有url参数的效果 load(url)     2 load方法中带三个参数 url data  function   第一个...
  • z_zhangteng_t
  • z_zhangteng_t
  • 2016年11月20日 11:11
  • 1393

AJAX各种实现方式比较

AJAX技术经过这么多年的发展,出现了一些框架或类库用于简化开发工作,不同的框架类库的使用方法也各不相同。 现在,再回头看看这些技术,看看这些框架类库,我们能感受到技术在不断地发展,AJAX开发越来越...
  • lzc4869
  • lzc4869
  • 2016年04月21日 22:34
  • 337

jQuery AJAX最常用的三种方法

CV大法用习惯了,有时候都忘记基本的写法了,做个记录,方便下次查看 其实jQuery 调用AJAX方法有很多,如下图, 不过在项目中常用的也就那么几个,做个小统计: 最常用的三种: s...
  • freedomVenly
  • freedomVenly
  • 2018年01月26日 15:20
  • 40

ajax的4种常用请求方式

1.$.ajax()返回其创建的 XMLHttpRequest 对象。 $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息。详细参数选项见下。 如果你指定了 da...
  • weinichendian
  • weinichendian
  • 2016年03月12日 14:49
  • 1593

jquery的几种ajax方式对比

http://pipe.iteye.com/blog/372394#点击打开链接
  • u013757077
  • u013757077
  • 2014年11月02日 13:42
  • 148

jquery中ajax的dataType属性包括哪几项

dataType 类型:String 预期服务器返回的数据类型。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如 XML MIME 类型就被识别为 XML。在...
  • qq_30979185
  • qq_30979185
  • 2017年04月21日 07:49
  • 628

jquery,ajax,json之间的比较和区别

jquery在javascript基础上优化扩展而来的 简化了javascript复杂的操作 ajax是利用css,javascript,jquery,html也服务端进行异步通信的 json是一种简...
  • github_39021422
  • github_39021422
  • 2017年06月30日 17:57
  • 328
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery的几种ajax方式对比
举报原因:
原因补充:

(最多只允许输入30个字)