jquery deferred对象

本篇博文是对阮一峰的一篇日志的归纳
 
 1 var func1 = function() {
    $.ajax("/echo/json")//jquery1.5以后返回deferred对象, 1.5以前返回XHR对象, 无法使用链式操作
    .done(function(){//相当于success方法
        alert("success!");
    })
    .fail(function(){//相当于error方法
        alert("fail!");
    })
    .done(function(){//可以指定多个回调函数
        alert("done again");
    })
    .fail(function(){
        alert("fail again");
    })
    .always(function(){//相当于complete方法
        alert("always!");
    });
}

var func2 = function() {
    var def = $.Deferred();
    var wait = function(){
        var task = function() {
            alert("task done");
            def.resolve();
        }
        setTimeout(task, 3000);
        /*返回promise对象,这样就无法再wait方法外修改deferred对象的状态*/
        return def.promise();
    }
    
    var d = wait();
    $.when(d)
    .done(function(){
        alert("done");
    });
    //d.reject();//语句无效,因为promise对象无修改deferred对象状态的方法
}

var func3 = function(){
    var wait = function() {
        //将deferred对象设置为wait方法的内部对象更保险
        var def = $.Deferred();//deferred对象状态:未完成
        var task = function(){
            alert("task done");
            def.resolve();//状态:已完成, 会触发done方法
            //def.reject();//状态:已失败, 会触发fail方法
        }
        setTimeout(task, 3000);
        return def;
    }
    
    $.when(wait())//when方法要求接受一个deferred对象
    .done(function(){
        alert("done");
    });
}

var func4 = function(){
    //将done和fail方法合并
    $.when($.ajax("/echo/json"))
    .then(function(){
        alert("done");
    }, function(){
        alert("fail");
    });
}

var func5 = function(){
    var d = $.Deferred();
    var task = function(){
        alert("do something");
    }
    d.progress(task);//注册事件
    d.notify();//触发progress注册的事件
}