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