如何封裝AJAX請求,這樣方便與後臺做請求互動!
阿新 • • 發佈:2018-12-26
最近在實習的過程中,寫了很多的AJAX請求,由於開發的是CRM系統,所以很多的東西需要與後臺進行請求,所以在前臺頁面少不了要寫很多的AJAX,因為form表單的侷限性,所以在很多情況下是不使用的!由於本人最近忙於實習工作,也很少寫文章,這就寫一篇,也算是記錄下自己的生活軌跡吧!
其實封裝的JS用的好處就是不要像原生的AJAX那個繁瑣,用起來很隨意方便。這也是提高做專案的速度吧,當然這也會有不好的地方,可能習慣了這種方式,原生的也就會有所忘記。。。。這就很尷尬了!
下面是我最近在用的封裝AJAX的一些方法,可以方便小夥伴們借鑑。有兩種方式:
其中JsonFn(url,data,function(result){})這種方法呼叫是帶有原生處理的,就是後臺設定回點引數的時候會自動呼叫,而JsonFn2()是不會自動呼叫的,所以看你選擇哪一種呼叫方式咯,我是覺得第二種比較符合我自己的想法,想用的時候自己呼叫,這樣更人性化,在這裡寫的也不是很多,也算記錄下,可能在接下來的一段時間會有更新自己學到的一些東西 ,有空就會和小夥伴分享啦!!!覺得可以的,不懂的可以私信找我哦!!!!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) { } }); }