jQuery的deferred对象使用详解

2020-05-23 06:22:02易采站长站整理


      alert(“执行完毕!”);


      dtd.resolve(); // 改变Deferred对象的执行状态


    };


    setTimeout(tasks,5000);


  };


  dtd.promise(wait);


  wait.done(function(){ alert(“哈哈,成功了!”); })


  .fail(function(){ alert(“出错啦!”); });


  wait(dtd);


(运行代码示例7)


这里的关键是dtd.promise(wait)这一行,它的作用就是在wait对象上部署Deferred接口。正是因为有了这一行,后面才能直接在wait上面调用done()和fail()。


八、小结:deferred对象的方法


    前面已经讲到了deferred对象的多种方法,下面做一个总结:


  (1)$.Deferred()生成一个deferred对象。


  (2)deferred.done()指定操作成功时的回调函数


  (3)deferred.fail()指定操作失败时的回调函数


  (4)deferred.promise()没有参数时,作用为保持deferred对象的运行状态不变;接受参数时,作用为在参数对象上部署deferred接口。


  (5)deferred.resolve()手动改变deferred对象的运行状态为”已完成”,从而立即触发done()方法。


  (6)$.when()为多个操作指定回调函数。


除了这些方法以外,deferred对象还有三个重要方法,上面的教程中没有涉及到。


  (7)deferred.then()


有时为了省事,可以把done()和fail()合在一起写,这就是then()方法。


  $.when($.ajax( “/main.php” ))


  .then(successFunc, failureFunc );


如果then()有两个参数,那么第一个参数是done()方法的回调函数,第二个参数是fail()方法的回调方法。如果then()只有一个参数,那么等同于done()。


  (8)deferred.reject()


这个方法与deferred.resolve()正好相反,调用后将deferred对象的运行状态变为”已失败”,从而立即触发fail()方法。


  (9)deferred.always()


这个方法也是用来指定回调函数的,它的作用是,不管调用的是deferred.resolve()还是deferred.reject(),最后总是执行。


  $.ajax( “test.html” )


  .always( function() { alert(“已执行!”);} );


(完)