封装 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. });  

$.extend($, {    /*     *ajax调用封装，返回json    * url 服务路径    * data一般为js对象    * callback 回调函数    */    MyAjax: function(url, data, callback) {        $.ajax({            url: url,            data: data,            dataType:'json',            method: "post",            beforeSend:function(){            myLoad();//打开加载层            },            complete:function(data){          closeLoad();//关闭加载层      },            success: function(msg) {                if (typeof callback != 'undefined')                    callback.call(this, msg);            }        });    }});

 

 

Js代码  

1. 使用：   
2. $.MyAjax("/test","data=1",callBack);   
3.   
4. function callBack(json){   
5.     alert(json.msg);   
6. }