jQuery.when()

概述

提供一种方法来执行一个或多个对象的回调函数,延迟对象通常表示异步事件。

如果单一延迟传递给jQuery.when ,它是通过这个方法和延迟对象附加的其他方法可访问绑定的回调函数返回的,如defered.then 。当延迟得到解决或者拒绝,通常的代码创建了原来的延迟,适当的回调将被调用。例如,jqXHR对象返回jQuery.ajax是一个延期,可以用这种方式:

$.when( $.ajax("test.aspx") ).then(function(ajaxArgs){ 
     alert(ajaxArgs[1]); /* ajaxArgs is [ "success", statusText, jqXHR ] */
});

如果一个参数被传递给jQuery.when ,这不是延迟,这将被视为延迟解决,并立即将执行附加任何doneCallbacks。该doneCallbacks传递原始的参数。在这种情况下,任何failCallbacks您可能会设置是永远不会被调用,因为延迟从不拒绝。

例如:

$.when( { testing: 123 } ).done(
   function(x){ alert(x.testing); } /* alerts "123" */
);

在案例中有多个延迟对象传递jQuery.when ,该方法返回一个新的“宿主”延迟对象,跟踪所有已通过Deferreds聚集状态。该方法能够解决它的“宿主”延迟尽快解决所有延迟,或拒绝尽快将被拒绝的延迟。如果“宿主”延迟得到解决,它是通过传递给解析值,所有的延迟 jQuery.when 。例如,当延迟是jQuery.ajax()请求,参数将是jqXHR对象的要求,以便他们在名单内的说法。

在多延迟情况下,如果延迟一被拒绝,jQuery.when火灾立即掌握其推迟failCallbacks。请注意,延迟一些可能仍然在这一点没有得到解决。如果您需要执行额外的处理对于这种情况,如取消任何未完成的Ajax请求,你可以保持基本jqXHR引用对象在封闭和检查/取消在failCallback他们。

参数

deferredsV1.5

一个或多个延迟对象,或者普通的JavaScript对象。

示例

描述:

执行Ajax请求后两个函数是成功的。(见jQuery.ajax()对于一个成功的和错误的案件为AJAX请求的完整描述文档)。

jQuery 代码:
$.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.");
   }
});

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

jQuery 代码:
$.when($.ajax("/page1.php"), $.ajax("/page2.php"))
  .then(myFunc, myFailure);
以上就是jQuery.when()的全部内容,希望这篇jQuery.when()能帮到你,更多内容请访问前端开发博客。

前面的一篇文章我们已经实现了postMessage+window.name实现了iframe高度自适应,iframe跨域通信,这篇文章基于jquery,完善了之前文章作者提到的一些不足,一起来看看。 - 2018-09-12

本文分享了使用jquery移除前面通过onclick绑定的元素的事件,然后重新绑定别的函数来执行onclick事件。 - 2018-09-14

很久没用fullpage插件来实现全屏效果的滚动了,我自己整理了一个比较简单的PC版全屏滚动代码,几乎fullpage有的东西都有,代码一看就懂。 - 2018-05-09

前端开发制作中有需要需要等到页面中的图片加载完毕后才执行某些事件,而使用jquery的load事件只是dom执行完毕,图片未必加载完成,如果要判断图片加载完毕,需要在图片标签上判断。 - 2018-02-07

jQuery有没有获取图片实际尺寸的方法?就是图片文件的实际尺寸,而不是添加了css样式之后的尺寸。本文给出一个兼容的方式。 - 2018-01-15

很早就使用jQuery的$.extend({},obj1,obj2)来合并两个对象,原来jQuery的这个方法就是深度拷贝($.extend(true,{},obj1))和浅度拷贝的意思,这篇文章分享了 Underscore、lodash 和 jQuery 这些主流的第三方库对于深度拷贝和浅度拷贝的实现与区分。 - 2017-12-02

本文要推荐的是一个jQuery二维码插件,它可以根据你设定的地址来生成一个二维码,二维码可以有div格式的,也有canvas格式的。canvas的支持自定义logo和文字在上面。 - 2017-06-03

- 2017-07-21

本文整理了一些主要的jQuery API,其中包括jQuery 核心函数和方法、jQuery属性参考手册、jQuery CSS操作、jQuery选择器、jQuery文档操作、jQuery筛选操作、jQuery事件方法、jQuery效果、jQuery Ajax操作、jQuery工具函数、jQuery事件对象、jQuery延迟对象、jQuery回调函数,欢迎收藏使用,本手册会持续更新。 - 2017-04-27

niceScroll 是一个类似于 iOS /移动端 样式的 jQuery 滚动条插件,不需要增加额外的CSS,几乎全浏览器兼容,实现只需要一段代码,侵入性非常小,样式可完全自定义,支持触摸事件,可在触摸屏上使用。 - 2018-03-16

全部展开 | 全部折叠 | jQuery API手册