jquery ajax异步请求回调的详解

作者：袖梨 2022-06-25

是指在写ajax异步请求时该如果写回调呢？写啥回调呢？错误时触发哪个回调呢？

常见的有：

$.post(url, {}, function(res){

}, 'json');
殊不知这种在出错的时候没有任何的处理。。。

通常我这样写：

$.ajax({
    url: '',
    data: {},
    dataType: 'json',
    type: 'POST',
    success: function(res){},
    error: function(){},
    complete: function(){}
});
你可能在说，代码可能有点多，其实我感觉只要业余清晰，代码多点也是能接受的，当然你可以用伟大的promise处理回调。。。在jquery里她转换成了deferred

一定要考虑的

缓存问题，这个通常发生在ie低版本，如ie7，一般使用时间缀解决
loading的状态，一定要让用户知道当前处理正在请求过程中
返回值出错，通常给予友好提示
服务器出错，其中包括404,500等状态
网络超时，一般有个时间限制
用户主动中断请求，如：abort
比如我的代码片断：

// 判断逻辑，如果成功才发请求

// 给出loading状态

// 发送请求，并所当前请求存放起来，以方便用户主动清除
XHR = $.ajax({
    url: '',
    data: {},
    dataType: 'json',
    type: 'POST',
    success: function(res){
        if(res && res.errcode === 0){
            // 成功
        } else {
            // 返回值不理想
        }
    },
    error: function(xhr, status){
        // status => timeout,parsererror,error,abort
        if(xhr && status !== 'abort'){
            // 如果不是用户主动中断
        }
    },
    complete: function(){
        // 关闭loading
    }
});
注：不管成功或者失败都会执行complete回调，且是在error或success后执行