1. 程式人生 > >如何封裝AJAX請求,這樣方便與後臺做請求互動!

如何封裝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()是不會自動呼叫的,所以看你選擇哪一種呼叫方式咯,我是覺得第二種比較符合我自己的想法,想用的時候自己呼叫,這樣更人性化,在這裡寫的也不是很多,也算記錄下,可能在接下來的一段時間會有更新自己學到的一些東西 ,有空就會和小夥伴分享啦!!!覺得可以的,不懂的可以私信找我哦!!!!