封裝 jquery ajax，加入loading載入

封裝 jquery ajax，加入loading載入 部落格分類： WEB前端 WEB相關   Js代碼   $.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);                }            });        }    });  

$.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代碼   使用：    $.MyAjax("/test","data=1",callBack);       function callBack(json){        alert(json.msg);    }