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});
 ?>

如何使用js加载网站布局（页眉，页脚）

1 个答案: