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

如果是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的返回值
});
posted @ 2017-07-05 10:30  水台无优  阅读(2132)  评论(0编辑  收藏  举报