使用重写的$.ajax()统一错误处理
发布时间:2020-12-16 01:54:02 所属栏目:百科 来源:网络整理
导读:在jquery开发中,我们经常会用到类似如下的代码: $.ajax({ url : '...' ,type : 'POST' ,data : {},success : function (data) { //执行状态是200时候调用 },error : function (XMLHttpRequest,msg,e) { //执行状态是非200时调用 },complete : function (ht
在jquery开发中,我们经常会用到类似如下的代码: $.ajax({
url : '...',type : 'POST',data : {},success : function(data){
//执行状态是200时候调用
},error : function(XMLHttpRequest,msg,e){
//执行状态是非200时调用
},complete : function(httpRequest,status){
//完成了一次请求时调用
}
});
其实往往除了url,data,success之外,其他的代码都是重复的 (function($){
//首先备份一个原始的jquery.ajax()函数
var _ajax = $.ajax;
//重写jquery.ajax()函数
$.ajax = function(options){
options.type = 'POST';
options.error = function(XMLHttpRequest,e){
//统一错误处理
},status){
//统一的结束状态显示
//可以结合一个gif做进度显示
}
}
})(JQuery);
有了以上的定义,我们调用时候只需要: $.ajax({
url : '...',success : function(data){
//只需在此处理正常情况
}
});
这样我们可以把错误统一处理,也可以在在complete 里面做一个‘loading…’的动态显示, 告诉用户我们在进行后台处理,也可以防止用户重复点击(关于‘loading…’的代码,可以参考下一篇)。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |