多个ajax嵌套的解决方案，拒绝异步的回调地狱

场景：先Ajax访问第1个，在第1个访问完成后，用拿到的返回数据作为参数再访问第2个，第2个访问完成后再第3个...

代码：

/* 第一个ajax请求，返回的是promise对象 */
var promise1 = $.ajax({url:'url1'});
/* 注册promise1的done和fail回调函数 */
var promise2 = promise1.then(function(data){
    console.log(1,data)
    if (!data.status) {
        /* 如果第一个ajax结果失败，例如错误原因为缺少参数，将结果return */
        return data;
    }else{
        /* 如果第一个ajax请求成功，返回第二个ajax的promise对象 */
        return $.ajax({url:'url2','data':data});
    }
    
},function (data) {
    /* ajax请求失败 */
    console.log('fail1',data)
    return data;
});
/* 注册promise2的done和fail回调函数 */
var promise3 = promise2.then(function(data){
    console.log(2,data)
    if (!data.status) {
        /* 如果第二个ajax结果失败，例如错误原因为参数格式不正确，将结果return */
        return data;
    }else{
        /* 如果第二个ajax请求成功，返回第三个ajax的promise对象 */
        return $.ajax({url:'url3','data':data});
    }
},function (data) {
    console.log('fail2',data)
});
promise3.done(function(data){
    
    console.log(3,data)
    if (!data.status) {
        /* 
    在上面的done函数中，都是将错误的结果返回，此处能拿到上两次发成错误的原因：缺少参数/参数格式不正确，或者是第三个ajax的错误原因 */
        console.log('链式操作失败')
    }else{
        /* 到此处，说明上面的三个ajax都发送成功 */
        console.log('链式操作成功')
    }
    // data retrieved from url3
}).fail(function (data) {
    console.log('fail3',data)
    console.log('链式操作失败')
})

注意：

1、then()注册回调函数，会将第一回调函数的返回值将作为第二个回调函数的参数

2、多个promise链式操作，下个promise的回调会延续上个promise的回调。例如第一个promise对象调用done回调，第二个也会继续调用done回调，如果第三个调用的是fail回调则后面的都会使用done回调