使用重写的$.ajax()统一错误处理

在jquery开发中，我们经常会用到类似如下的代码：

$.ajax({
    url : ‘...‘,
    type : ‘POST‘,
    data : {},
    success : function(data){
        //执行状态是200时候调用
    },
    error : function(XMLHttpRequest, msg, e){
        //执行状态是非200时调用
    },
    complete : function(httpRequest, status){
        //完成了一次请求时调用
    }
});

其实往往除了url，data，success之外，其他的代码都是重复的

这时候我们可以利用自己重写的ajax函数来规避掉这些重复代码：

(function($){
    //首先备份一个原始的jquery.ajax()函数
    var _ajax = $.ajax;
    //重写jquery.ajax()函数
    $.ajax = function(options){
        options.type = ‘POST‘;
        options.error = function(XMLHttpRequest, msg, e){
            //统一错误处理
        },
        complete : function(httpRequest, status){
            //统一的结束状态显示
            //可以结合一个gif做进度显示
        }
    }
})(JQuery);

有了以上的定义，我们调用时候只需要：

$.ajax({
    url : ‘...‘,
    data : {},
    success : function(data){
        //只需在此处理正常情况
    }
});

这样我们可以把错误统一处理，也可以在在complete 里面做一个‘loading…’的动态显示，

告诉用户我们在进行后台处理，也可以防止用户重复点击（关于‘loading…’的代码，可以参考下一篇）。

版权声明：本文为博主原创文章，转载的时候请注明出处。