如何封装AJAX请求,这样方便与后台做请求交互!

来源:互联网 发布:北京市人口密度数据 编辑:程序博客网 时间:2024/06/05 21:06

最近在实习的过程中,写了很多的AJAX请求,由于开发的是CRM系统,所以很多的东西需要与后台进行请求,所以在前台页面少不了要写很多的AJAX,因为form表单的局限性,所以在很多情况下是不使用的!由于本人最近忙于实习工作,也很少写文章,这就写一篇,也算是记录下自己的生活轨迹吧!

其实封装的JS用的好处就是不要像原生的AJAX那个繁琐,用起来很随意方便。这也是提高做项目的速度吧,当然这也会有不好的地方,可能习惯了这种方式,原生的也就会有所忘记。。。。这就很尴尬了!

下面是我最近在用的封装AJAX的一些方法,可以方便小伙伴们借鉴。有两种方式:

function JsonFn(urlRequest, data, fnDeal){ if (/\?/g.test(urlRequest))  { urlRequest += "&eedateGFL=" + new Date(); } else { urlRequest += "?eedateGFL=" + new Date(); }$.ajax({url : urlRequest,type : 'post',cache: false,data :  data,dataType: 'json',success : function(result) {if(result.code=='0'){if(typeof(fnDeal) != "undefined"){fnDeal(result);}}else if(result.code=='110'){window.parent.location.href=getRootPath();}else{alert(result.msg);}},error : function(da) {}});}function JsonFn2(urlRequest, data, fnDeal){ if (/\?/g.test(urlRequest))  { urlRequest += "&eedateGFL=" + new Date(); } else { urlRequest += "?eedateGFL=" + new Date(); }$.ajax({url : urlRequest,type : 'post',cache: false,data :  data,dataType: 'json',success : function(result) {if(typeof(fnDeal) != "undefined"){fnDeal(result);}},error : function(da) {}});}
其中JsonFn(url,data,function(result){})这种方法调用是带有原生处理的,就是后台设置回点参数的时候会自动调用,而JsonFn2()是不会自动调用的,所以看你选择哪一种调用方式咯,我是觉得第二种比较符合我自己的想法,想用的时候自己调用,这样更人性化,在这里写的也不是很多,也算记录下,可能在接下来的一段时间会有更新自己学到的一些东西 ,有空就会和小伙伴分享啦!!!觉得可以的,不懂的可以私信找我哦!!!!

原创粉丝点击