1 / 6
文档名称:

基于jQuery的ajax方法封装.docx

格式:docx   大小:17KB   页数:6页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

基于jQuery的ajax方法封装.docx

上传人:rdwiirh 2019/3/3 文件大小:17 KB

下载得到文件列表

基于jQuery的ajax方法封装.docx

文档介绍

文档介绍:基于jQuery的ajax方法封装 AJAX是一种用于创建快速动态网页的技术。这篇文章主要介绍了基于jQuery的ajax方法封装的相关资料,需要的朋友可以参考下 ajax(ajax开发)简介 AJAX即“AsynchronousJavascriptAndXML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。 AJAX=异步JavaScript和XML(标准通用标记语言的子集)。 AJAX是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。在实际的项目里,ajax的应用频率很高,所以尽管jquery或者其他的一些类似的js库做了非常不错的封装,仍然有进一步封装简化的空间和必要举一个例子,很久很久以前,我的ajax是这么写的: $.ajax({ url:'Info', type:'POST', data:{ name:'jack', age:18 }, dataType:'json', ess:function(resp){ //callback }, error:function(err){ //errorcode }  }); 乍一看挺好没啥问题,ess回调里的逻辑可能很复杂,甚至可能会出现ajax回调里再放一个ajax的情况,那这种写法就很糟糕了,全都杂糅在一起可以进行一个简单的封装,这在之前Deferred对象的随笔里已经有提到 functionajax(url,param,type){ //利用了jquery延迟对象回调的方式对ajax封装,使用done(),fail(),always()等方法进行链式回调操作//如果需要的参数更多,比如有跨域dataType需要设置为'jsonp'等等,可以考虑参数设置为对象 return$.ajax({ url:url, data:param||{}, type:type||'GET' }); } //链式回调 ajax('Info').done(function(resp){ //成功回调}).fail(function(err){ //失败回调}); 但是虽然做到这一步了,问题还是会来,比如我司,成功的回调里还有一层逻辑判断,像这样: //我司ajax返回的json数据格式//当result为false时,msg中往往有错误信息{ result:true, data:{ name:'jack' }, msg:null } ajax('Info').done(function(resp){ //成功回调 if(){ //当resp中result为true时的操作//往往这个时候要操作处理resp中的data对象信息} else{ //当result为false时的操作,这时往往会根据resp中的另一属性msg来判断具体处理} }).fail(function(err){ //失败回调}); 问题有二: 第一,我每个ajax中都需要写一个同样的相对固定的逻辑判断(每个公司或者项目组可能会有不同,但是就项目本身而言,或者放大了到公司来说必然是固定的),我觉得很烦。第二,如果我只想专注处理数据,比如在成功回调里,我直接拿到要处理要渲染的数据