JQuery when() done() then()

Posted 2020-10-15 大灰狼zz

jQuery.when(deferreds)

参数deferreds，一个或多个延时对象或JS对象，我们初略的认为它就是一个或多个异步请求。

 

例如：$.when($.ajax("page1.php"), $.ajax("page2.php"))  

 

when()函数常常和done()函数、fail()函数、then()函数联合使用：

done(Function func) - 当deferreds中的处理都完成的时候执行Function回调函数

fail(Function func) - 当deferreds中有一个处理失败的时候执行Function回调函数

then(Function func1,Function func2)- 结合了done和fail函数，当都成功执行func1，当有一个失败执行func2

 

1. var whenResult = $.when($.ajax("page1.php"), $.ajax("page2.php"));  
2. whenResult.done(function(a1,a2){  
3. //函数内容略  
4. //a1和a2俩参数是when函数中两个ajax请求的相关jqXHR对象  
5. });  
6. whenResult.fail(function(){  
7. //函数内容略  
8. })  
9. whenResult.then(successFunc,failureFunc);   

如果没有参数传递给 jQuery.when()，它会返回一个resolved状态的Promise。

如果向 jQuery.when() 传入一个单独的延迟对象，那么会返回它的 Promise 对象(延迟方法的一个子集)。可以继续绑定 Promise 对象的其它方法，例如， defered.then 。当延迟对象已经被解决（resolved）或被拒绝(rejected）（通常是由创建延迟对象的最初代码执行的），那么就会调用适当的回调函数。例如，由 jQuery.ajax() 返回的 jqXHR 对象是一并立的延迟对象并且可以像下面这样使用：

 $.when( $.ajax("test.aspx") ).then(function(data, textStatus, jqXHR){

alert( jqXHR.status ); // alerts 200
 
});

在多延迟情况下，如果Deferreds延迟对象一被拒绝（rejected），jQuery.when()触发立即调用 “宿主” Deferred（延迟）对象的 failCallbacks。请注意在这个时间点上，有一些延迟对象仍然可以是未解决（unresolved）的。 传递给failCallbacks的参数匹配Deferred（延迟）对象的 failCallbacks被 rejected 拒绝的顺序。那么，在这种情况下，如果需要执行一些额外的处理，例如，取消所有未完成的 ajax 请求，你可以在闭包中进行保持 jqXHR 对象的引用，并且在 failCallback 中检查或取消它们。

例子:

Example: 执行Ajax请求后两个函数是成功的。

 $.when($.ajax("/page1.php"), $.ajax("/page2.php")).done(function(a1, a2){

  /* a1 and a2 are arguments resolved for the page1 and page2 ajax requests, respectively */

  var jqXHR = a1[2]; /* arguments are [ "success", statusText, jqXHR ] */

 
if ( /Whip It/.test(jqXHR.responseText) ) {

alert("First page has ‘Whip It‘ somewhere.");

  }

});

Example: 执行函数myFunc当两个Ajax请求是成功的，如果任一或myFailure有一个错误。

 $.when($.ajax("/page1.php"), $.ajax("/page2.php"))

.then(myFunc, myFailure);