jQuery.when()的用法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery.when()的用法相关的知识,希望对你有一定的参考价值。

1、该方法在jQuery1.5开始被引入。

2、用法测试

  a、var url1 = "/resource/ar/hometab/index_tab_games.json",
        url2 = "/resource/ar/hometab/index_tab_image.json",

        ajax1 = $.ajax(
            {
                url : url1
            }
        ),

        ajax2 = $.ajax(
            {
                url : url2
            }
        );

    $.when(ajax1, ajax2).done(function(){

        alert("done");

    }).fail(function(){
  
        alert("fail");
    
    });

  b、$.when($.ajax(
            {
                url : url1
            }
        ), $.ajax(
            {
                url : url2
            }
      )).done(function(){

        alert("done");

    }).fail(function(){

        alert("fail");

    });

3、测试结果:

  a和b两种方式发送请求都是同时请求,不会等待第一个请求返回之后再返回第二个

  使用$.when()的方式会等到两个请求都返回之后才触发回调函数

  只有当两个请求都成功返回时才会触发done回调

以上是关于jQuery.when()的用法的主要内容,如果未能解决你的问题,请参考以下文章

jQuery.when 理解

jquery $.when() .then() 和 .done() 之间的区别

带有ajax数组的JQuery $.when [重复]

nodejs中jQuery.when()的等价物是啥?

jQuery.when() 是不是对这些函数调用进行排队?

有条件地添加到 jQuery .when