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

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

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值