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

2017-12-25 08:34:53来源:CSDN作者:qq_24818689人点击

分享

最近在实习的过程中,写了很多的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()是不会自动调用的,所以看你选择哪一种调用方式咯,我是觉得第二种比较符合我自己的想法,想用的时候自己调用,这样更人性化,在这里写的也不是很多,也算记录下,可能在接下来的一段时间会有更新自己学到的一些东西 ,有空就会和小伙伴分享啦!!!觉得可以的,不懂的可以私信找我哦!!!!

最新文章

123

最新摄影

闪念基因

微信扫一扫

第七城市微信公众平台