使用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, 
       }); 
      } 
     }); 
    } 
});