如何使用js加載網站佈局（頁眉，頁腳）

Question

我是javascript中的新手。我想使用ajax加載我的網站主模板文件（頁眉，頁腳，側邊欄）。我的佈局文件如下。
layout.php中

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

現在我想用ajax加載我的佈局文件。由於最初沒有div。我如何加載這個。我的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}); 
?>