Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/386.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用js加载网站布局(页眉、页脚)_Javascript_Php_Jquery_Ajax - Fatal编程技术网

Javascript 如何使用js加载网站布局(页眉、页脚)

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); ?> 你能做到的,看起来很好。不要忘记异步查询。因此,您的代码

我是javascript的新手。我想使用ajax加载我的网站主模板文件(页眉、页脚、侧边栏)。我的布局文件如下所示。
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});
 ?>