ajax/jqueryを使用して特定の順序で要素をロードする

Question

誰かが自分のページに入ると、最初に#portfolioと#header divsをページにロードします。

次に、最初の2つの読み込みが完了した後で、機能を向上させるために、#slideの読み込みを開始します。

ajax/jqueryを使用してこれを行うにはどうすればよいですか？

ありがとうございます！

Answer 1

$.ajaxへの呼び出しを使用して、#portfolioと#headerの読み込みを行うと仮定します。

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

Answer 2

ネストできますAJAX呼び出しを、前のステップの成功AJAX呼び出しの各次のステップを得る：

のjQuery 1.5からは、複数のAJAXリクエストが完了したときにアクションを実行するために$.whenを使用することができます。

$.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, 
       }); 
      } 
     }); 
    } 
});