使用ajax/jquery按特定顺序加载元素

Question

当有人进入我的页面时，我想首先在页面上加载#portfolio和#header div。

然后我想在第一个2完成加载（改进功能）后开始加载#slide。

我该如何使用ajax/jquery？

非常感谢！

Answer 1

我推测您正在使用对$.ajax的呼叫来执行加载#portfolio和#header。

从jQuery的1.5，你可以使用$.when执行行动时，多个AJAX请求已经完成：

$.when(
    $.ajax({ 
     /* options to load #portfolio */ 
    }), 
    $.ajax({ 
     /* options to load #header */ 
    }) 
).then(function() { 
    $.ajax({ 
     /* options to load #slide */ 
    }); 
}); 

Answer 2

可以嵌套Ajax调用并获得上一步的成功AJAX调用每一个步骤。

$.ajax({ // Getting portfolio hear 
    success: function(){ 
     $.ajax({ // Getting header here, on success callback of portfolio call 
      success: function(){ 
       $.ajax({ // Getting slide here, on success callback of header 
        // So on, 
       }); 
      } 
     }); 
    } 
});