jsを使ってウェブサイトのレイアウト（ヘッダ、フッタ）を読み込む方法

Question

私は初心者です。私はajaxを使用して私のウェブサイトのメインテンプレートファイル（ヘッダ、フッタ、サイドバー）をロードしたい。私のレイアウトファイルは以下の通りです。 のlayout.php

<?php 
    $app = new App; 
    $ret = $app->header(); 
    $ret .= $app->sidebar(); 
    $ret .= $app->footer(); 
    echo json_encode($ret); 
?> 

は、今私は、Ajaxを使用して、私のレイアウトファイルをロードしたいです。最初にdivがないので。どうすればthis.My jsファイルをロードできますか？

$.ajax({ 
    url: 'layout.php', 
    dataType: 'json', 
}).done(function(resp){ 
    //here is problem 
    //as initially no div is present 
    //how can I load it with jquery 
}); 

Answer 1

これは可能ですが、うまくいきます。クエリの非同期性を忘れないでください。したがって、あなたのコードは：

$.ajax({ 
    url: 'layout.php', 
    dataType: 'json', 
}).done(function(resp){ 
    $('#content').html(resp.layout); 
}); 

<?php 
    $app = new App; 
    $ret = $app->header(); 
    $ret .= $app->sidebar(); 
    $ret .= $app->footer(); 
    echo json_encode({layout: $ret}); 
?>