封裝ajax

 1 <pre class="brush:js">
 2 <script type="text/javascript">
 3 ;(function($,window,document,undefined){
 4       //jquery原型擴展
 5         $.extend({
 6           /*
 7             url:請求地址
 8             type:請求類型
 9             dataType:數據類型
10             data:請求數據
11             btnSet:請求發起按鈕,{id:按鈕id,beforeText:點擊前顯示的文字,afterText:請求中顯示的文字}
12             successFun:成功
13            */
14             getAjax:function(url,type,dataType,data,successFun,errorFun,btnset){
15               var _this=this;
16               return $.ajax({
17                 url: url,
18                 type: type,
19                 dataType: dataType || 'json',
20                 data: data,
21                 beforeSend:function(){
22                   if (btnset && btnset.$btn) {
23                     var btn = btnset.$btn;
24                     btn.html(btnset.afterText || '').prop('disabled', true);
25                   }
26                 },
27                 complete:function(){
28                   setTimeout(function(){
29                     if(btnset && btnset.$btn){
30                       var btn=btnset.$btn;
31                       btn.html(btnset.beforeText || '').prop('disabled',false)
32                     }
33                   },1000)
34                 },
35                 success:function(data){
36                   successFun && successFun(data)
37 
38                 },
39                 error: function (xhr, st, msg) {
40                     var errormsg;
41                     if (_this.serverConfig.status[st]) {
42                         errormsg = _this.serverConfig.status[st];
43                     } else {
44                         errormsg = '請求失敗';
45                     }
46                     if (errormsg && errorfunc) errorfunc(errormsg);
47                 }
48               })
49             }
50         })
51     })(jQuery,window,document);
52 </script>
53 </pre>