encapsulating jquery Ajax, adding loading loading
Blog Category: Web front-end Web-related JS code $.extend ($, { /* & Nbsp; *ajax call encapsulation, return JSON * url service path * data General JS object * callback callback function */ myajax: function (url, data, callback) { $.ajax ({ url: url, data: data, datatype: ' json ', method: "Post", bEforesend:function () { myload ();//Open load layer }, Complete:function (data) { Closeload ();//close load layer }, success: function (msg) { if ( typeof callback != ' undefined ') callback.call (THIS, MSG); } }); } });
$.extend ($, {/
*
*ajax call encapsulation, return JSON
* URL service path
* Data is generally JS object
* Callback callback function *
/Myajax: function (URL, data, callback) {
$.ajax ({
url:url,
data:data,
dataType: ' json ',
method: "POST") ,
beforesend:function () {
myload ();//Open load Layer
},
complete:function (data) {
closeload ();// Close load Layer
},
success:function (msg) {
if (typeof callback! = ' undefined ')
Callback.call (this, msg);
}
});
}
});
JS code using: $. Myajax ("/test", "Data=1", callBack); function CallBack (JSON) {alert (json.msg); }