`

jquery的几种ajax方式对比

阅读更多

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.       
$.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参数里面有中文的话,请先转码,否则会出现乱码提交到后台。

Java代码 复制代码
  1. $.getJSON(url,param,function(jsondata){   
  2. 这里返回的jsondata可以直接取不用再转换了。   
  3. 如:jsondata[0].nuclide   
  4. }  
$.getJSON(url,param,function(jsondata){
这里返回的jsondata可以直接取不用再转换了。
如:jsondata[0].nuclide
}


第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({
	    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。

分享到:
评论

相关推荐

    几种流行的AJAX框架介绍pdf格式

    几种流行的AJAX框架jQuery,Mootools,Dojo,Ext JS的对比 AJAX是web20的基石,现在网上流行几种开源的AJAX框架,比如:jQuery,Mootools,Dojo,Ext JS等等,那么我们到底在什么情况下该使用那个框架?以下是一组摘抄的...

    jQuery权威指南-源代码

    4.2.2 ready()方法的几种相同写法/86 4.3 绑定事件/86 4.4 切换事件/90 4.4.1 hover()方法/90 4.4.2 toggle()方法/93 4.5 移除事件/94 4.6 其他事件/96 4.6.1 方法one() /97 4.6.2 方法trigger () /98 4.7...

    jquery插件使用方法大全

    jQuery.sub() jQuery 1.5提供了一种创建和修改jQuery副本的方式。可以用来添加不向外部公开的方法,或者对jQuery的某些方法进行重新定义以提供新功能,或者提供更好的封装、避免名称空间冲突。当然,也可以用来开发...

    几种二级联动案例(jQuery\Array\Ajax php)

    在开发过程中,遇到过非常多的二级联动,下面是我总结出来的几种二级联动案例 二级联动(1)  第一种案例是一种比较简单的二级联动,利用jquery的显示隐藏来实现,对于数据较少的二级联动来说可以采纳 &lt;!...

    jquery+ajax验证不通过也提交表单问题处理

    大部分情况我们使用validationEngine验证表单的形式有几种方式: 1 使用正常的表单提交.这种情况validationEngine验证不通过是不会提交表单的. 2 使用ajax提交表单,但是没有使用ajax验证.  这种方式也比较简单,在...

    php+ajax实现图片文件上传功能实例

    目前常用的异步文件上传功能有几种,比较多见的如使用iframe框架形式,ajax功能效果,以及flash+php功能,下面介绍ajax与iframe实现异步文件上传的功能的例子。 方法一,利用jquery ajaxfileupload.js实现文件上传 ...

    jQuery调用WebService返回JSON数据及参数设置注意问题

    jQuery调用WebService网上的介绍也比较多,最近的项目中我也用到不少,一直都很少用.NET Ajax,比较钟情于jQuery调用请求WebService有几种方法,这主要说一下POST与GET方法,其实安全方法考虑不建议使用GET方法,...

    初窥JQuery-Jquery简介 入门了解篇

    JQuery是一种非常灵活的脚本库,JQuery库为Web脚本编程提供了通用的抽象层,它几乎适用于我们任何脚本编程,它让我们使用Javascript更加方便更加简介,大大的提高了我们的工作效率和减少了我们的编码量,它主要几个...

    jQuery 横向展开、折叠的滑动门

    内容索引:脚本资源,jQuery,折叠面板,滑动门 jQuery Horizontal Accordion 2.00,来自国外的一款横向展开、折叠的滑动门菜单,其实很早就发现这款菜单了,圆弧型风格,自带有几种切换方式,学习jQuery动画菜单非常...

    通用FormValid1.0-js验证框架

    同一页面多表单可同时使用,和服务端程序无关系,完全客户端方式。 Demo1 基本使用方法 ...加入十几种验证规则 加入自定义正则判断 加入自定义函数判断 加入将焦点移到第一个错误元件 0.2 加入自定义错误显示方式

    千方百计笔试题大全

    70、多线程有几种实现方法,都是什么?同步有几种实现方法,都是什么? 17 71、启动一个线程是用run()还是start()? 17 72、当一个线程进入一个对象的一个synchronized方法后,其它线程是否可进入此对象的其它方法? 18 73...

    java面试宝典

    70、多线程有几种实现方法,都是什么?同步有几种实现方法,都是什么? 17 71、启动一个线程是用run()还是start()? 17 72、当一个线程进入一个对象的一个synchronized方法后,其它线程是否可进入此对象的其它方法? 18 73...

    Angel工作室(Angelcms!NT) 蓝色企业网系统V1.0

    4、网站采用三种页面处理技术,可以生成纯静态网页模式、在不使用asp.net其余为静态插件的前提进行伪静态方式访问、前两者如都不用还可以用动态访问。 5、Angelcms在显示列表数量时,页面可选生成静态,大大减轻...

    java面试题

    解析XML文档有哪几种方式? 14 28. JSP和Servlet有哪些相同点和不同点,他们之间的联系是什么? 15 29. Anonymous Inner Class (匿名内部类) 是否可以extends(继承)其它类,是否可以implements(实现)interface(接口)...

    JAVA上百实例源码以及开源项目

     通过网络或磁盘等方式,把公钥编码传送给李四,李四接收到张三编码后的公钥,将其解码,李四用张三的公钥加密信息,并发送给李四,张三用自己的私钥解密从李四处收到的信息…… Java利用DES私钥对称加密代码实例 ...

    ExtAspNet_v2.3.2_dll

    ExtAspNet - ExtJS based ASP.NET Controls with Full AJAX Support ExtAspNet是一组专业的Asp.net控件库,拥有原生的AJAX支持和丰富的UI效果, 目标是创建没有ViewState,没有JavaScript,没有CSS,没有...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -这样所有需要占据全屏的Panel(不管你是Accordion,Panel,ContentPanel,Form,GroupPanel,SimpleForm,Tree还是Grid,TabStrip)都可以通过这种方式全屏。 -简单方便,示例可以参考 default.aspx 或者 other\...

    Angel企业网站管理系统 v1.0 (蓝色风格).zip

    4、网站采用三种页面处理技术,可以生成纯静态网页模式、在不使用asp.net其余为静态插件的前提进行伪静态方式访问、前两者如都不用还可以用动态访问。 5、Angelcms在显示列表数量时,页面可选生成静态,大大减轻...

    新普网络商城XpShop 7.2

    48、商品列表几种排列方式。 安装说明: 访问http://你的网址/install/default.aspx,进行自动安装程序。 系统管理后台:http://你的网址/admin/default.aspx 默认管理员帐号:admin/admin

    JAVA上百实例源码以及开源项目源代码

     通过网络或磁盘等方式,把公钥编码传送给李四,李四接收到张三编码后的公钥,将其解码,李四用张三的公钥加密信息,并发送给李四,张三用自己的私钥解密从李四处收到的信息…… Java利用DES私钥对称加密代码实例 ...

Global site tag (gtag.js) - Google Analytics