<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>延迟对象（deferred）</title> </head> <body> <script src="https://www.jb51.net/js/jQuery1.11.3/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> $.get("student.j", "json").done(function(stu) { console.log(stu.name); }).fail(function(data, status, errorThrown){ console.log("data："+data+"，status："+status+"，errorThrown："+errorThrown); }).always(function(data, textStatus){ console.log("ajax执行完成，完成状态："+textStatus); }); </script> </body> </html>
运行结果
成功时：
失败时：
2.5、deferred.then
deferred.then(doneFilter [, failFilter ] [, progressFilter ])
添加处理程序被调用时，递延对象得到解决或者拒绝，一次指定多个事件。
所有三个参数（包括progressCallbacks ，在jQuery的1.7 ）可以是一个单独的函数或一个函数的数组。 其中一个参数，也可以为空，如果没有该类型的回调是需要的。或者，使用.done()或.fail()仅设置doneCallbacks或failCallbacks。当递延解决，doneCallbacks被调用。若递延代替拒绝，failCallbacks被调用。回调按他们添加的顺序执行。一旦deferred.then返回延迟对象，延迟对象的其它方法也可以链接到了这里，包括增加.then()方法。
示例：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>延迟对象（deferred）</title> </head> <body> <script src="https://www.jb51.net/js/jQuery1.11.3/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> $.get("student.jsonx", "json").then(function(stu) { console.log(stu.name); }, function(data, status, errorThrown) { console.log("data：" + data + "，status：" + status + "，errorThrown：" + errorThrown); }); </script> </body> </html>
结果：
2.6、应用延迟对象
前面的示例中我们都是使用jQuery ajax返回的deferred对象，其实我们也可以在自定义的代码中使用deferred对象，恰当的使用deferred对象或以优雅的解决不少问题。
示例：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>延迟对象（deferred）</title> </head> <body> <script src="https://www.jb51.net/js/jQuery1.11.3/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> var myTask=function(){ //通过jQuery创建一个延迟对象 var def=$.Deferred(); setTimeout(function(){ //随机产生一个整数，如果是偶数 var n=Math.round(Math.random()*100); if(n%2==0) { console.log("一个耗时的操作终于完成了，n="+n); def.resolve(); //任务成功完成 }else{ console.log("一个耗时的操作失败，n="+n); def.reject(); //拒绝，失败 } },3000); //返回延迟对象，防止中间修改 return def.promise(); } /*当方法myTask执行完成后，添加回调方法*/ $.when(myTask()).done(function(){ console.log("执行成功"); }).fail(function(){ console.log("执行失败"); }); </script> </body> </html>
失败时：
成功时：
promise()在原来的deferred对象上返回另一个deferred对象，后者只开放与改变执行状态无关的方法（比如done()方法和fail()方法），屏蔽与改变执行状态有关的方法（比如resolve()方法和reject()方法），从而使得执行状态不能被改变。
2.7、总结
（1） 生成一个对象。
指定操作成功时的回调函数
指定操作失败时的回调函数
没有参数时，返回一个新的对象，该对象的运行状态无法被改变；接受参数时，作用为在参数对象上部署接口。
手动改变对象的运行状态为已完成，从而立即触发方法。
这个方法与正好相反，调用后将对象的运行状态变为已失败，从而立即触发方法。
.Deferred()生成一个deferred对象。
（2）deferred.done()指定操作成功时的回调函数
（3）deferred.fail()指定操作失败时的回调函数
（4）deferred.promise()没有参数时，返回一个新的deferred对象，该对象的运行状态无法被改变；接受参数时，作用为在参数对象上部署deferred接口。
（5）deferred.resolve()手动改变deferred对象的运行状态为"已完成"，从而立即触发done()方法。
（6）deferred.reject()这个方法与deferred.resolve()正好相反，调用后将deferred对象的运行状态变为"已失败"，从而立即触发fail()方法。
（7）.when() 为多个操作指定回调函数。
除了这些方法以外，deferred对象还有二个重要方法，上面的教程中没有涉及到。