从模板加载 HTML Header 内容

Question

我正在尝试修改一个应用程序，以便所有应用程序 php 结构在服务器上单独的 php 文件中运行，并且与浏览器上呈现的视图无关。本质上是试图更多地转向 MVC 结构。目前，我有 pre-built header 并且导航文件加载到页面中，如：

<?php include 'tpl/header.html'; ?>

<body>

<?php include 'tpl/navigation.html'; ?>

我想删除 php 包含的内容，这样我就不会依赖它们，但我仍然想使用模板来处理这个问题，这样我就不必触摸每一页了.我知道如何使用 jQuery 加载对导航模板执行此操作，但是 header 模板文件是否可行？

handlebars.js 会是一个解决方案吗？如果是，如何解决？

感谢您的帮助！

Answer 1

您可以使用 javascript 将 html 附加到您的头部标签。

var client = new XMLHttpRequest();
client.open('GET', '/header.php');
client.onreadystatechange = function() {
  document.getElementsByTagName('head')[0].innerHTML(client.responseText);
}
client.send();

从模板加载 HTML Header 内容

Load HTML Header content from template

html

javascript

php

jquery

handlebars.js