Javascript 如何使用js加载网站布局(页眉、页脚)
我是javascript的新手。我想使用ajax加载我的网站主模板文件(页眉、页脚、侧边栏)。我的布局文件如下所示。Javascript 如何使用js加载网站布局(页眉、页脚),javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,我是javascript的新手。我想使用ajax加载我的网站主模板文件(页眉、页脚、侧边栏)。我的布局文件如下所示。 layout.php <?php $app = new App; $ret = $app->header(); $ret .= $app->sidebar(); $ret .= $app->footer(); echo json_encode($ret); ?> 你能做到的,看起来很好。不要忘记异步查询。因此,您的代码
layout.php
<?php
$app = new App;
$ret = $app->header();
$ret .= $app->sidebar();
$ret .= $app->footer();
echo json_encode($ret);
?>
你能做到的,看起来很好。不要忘记异步查询。因此,您的代码将:
$.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});
?>
$.ajax({
url:'layout.php',
数据类型:“json”,
}).完成(功能(resp){
$('#content').html(分别为布局);
});
$(“#content”)div不存在。最初使用空白页。然后使用$('body'),或创建它
$.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});
?>