如何等待所有异步的初始化条件全部加载完成后，再执行方法

Posted 2020-09-26 水台无优

如果是jQuery1.5以上，ajax类函数返回的是deferred对象，jQ有一个方法叫when:

$.when($.get(url1),$.get(url2),$.get(url3)).done(function(){/*code here*/});

如果3次get有先后顺序，可以用pipe：

$.get(url1).pipe($.get(url2)).pipe($.get(url3)).done(function(){/*code here*/});

1.8以上，pipe被弃用，改为then：

$.get(url1).then($.get(url2)).then($.get(url3)).done(function(){/*code here*/});

意义很明显，先get url1 然后get url2 然后 get url3，做完了再执行done的内容。

 

var a1 = $.ajax({url : ‘a‘ , data : {s : true}});

 

a1.done(function(result){

    //可以写它们各自的处理方法，并不冲突

});

 

var a2 = $.ajax({url : ‘a‘ , data : {s : true}});

var a3 = $.ajax({url : ‘a‘ , data : {s : true}});

 

$.when(a1 , a2 , a3).done(function(a1Result , a2Result , a3Result){

  //当三个ajax都完成时才会执行此方法

  //参数分别是三个ajax的返回值

});