封装 jquery ajax,加入loading加载

封装 jquery ajax,加入loading加载

    博客分类:
  • WEB前端
  • WEB相关
 
Js代码 复制代码  收藏代码
  1. $.extend($, {   
  2.     /*   
  3.     *ajax调用封装,返回json  
  4.     * url 服务路径  
  5.     * data一般为js对象  
  6.     * callback 回调函数  
  7.     */  
  8.     MyAjax: function(url, data, callback) {   
  9.         $.ajax({   
  10.             url: url,   
  11.             data: data,   
  12.             dataType:'json',   
  13.             method: "post",   
  14.             beforeSend:function(){   
  15.                 myLoad();//打开加载层   
  16.             },   
  17.             complete:function(data){   
  18.             closeLoad();//关闭加载层   
  19.         },   
  20.             success: function(msg) {   
  21.                 if (typeof callback != 'undefined')   
  22.                     callback.call(this, msg);   
  23.             }   
  24.         });   
  25.     }   
  26. });  

 

 

Js代码 复制代码  收藏代码
  1. 使用:   
  2. $.MyAjax("/test","data=1",callBack);   
  3.   
  4. function callBack(json){   
  5.     alert(json.msg);   
  6. }  

你可能感兴趣的:(封装 jquery ajax,加入loading加载)