Javascript 在没有服务器端代码的情况下，在每个页面上动态包含页眉和页脚

我正在开发一个web应用程序，希望客户端严格遵守HTML/JS/CSS，不使用服务器端生成的HTML

servlet容器是Tomcat，它使用无状态身份验证向客户端提供RESTAPI。这将使将来的扩展更加容易，而不必担心粘性会话或在某些外部存储中管理会话

目前我的问题是，我正在使用JQuery在页面加载时动态插入header.html和footer.html。正如预期的那样，页眉和页脚出现之前会有延迟

---

除了静态地将HTML放入网站的每个页面之外，人们会推荐什么选项？

您可以创建一个页面应用程序，这样页眉和页脚保持不变，只有正文更改内容

大概是这样的：

index.html：

<header>
  Header
  <li class="customers" title="Customers">Customers</li>
  <li class="companies" title="Companies">Companies</li>
</header>
<div class="body">Body</div>
<footer>
  Footer
</footer>

customers.html

customers

---

您不想使用服务器端包含的原因是什么？它们解决了FOUC的问题，并将您向服务器发出的三个请求减少为一个请求；看看这是否有帮助。@Rorymcrossan-我实际上正在考虑一些基本的东西，比如PHP，但我希望最终提供HTML的web服务器尽可能轻，所有的繁重工作都由应用服务器执行。是否有任何东西可以生成包含页眉和页脚的可构建HTML，但只需编写一次？啊，我知道你要做什么，但我不确定它是否适用于我的情况。我需要人们能够链接到“customer.html”，在您的情况下，它将提供一个没有页眉和页脚的页面，因为它们只从index.html加载。@在这种情况下，您可以使用DNS重定向，将所有请求重定向到index.html，并让index.html处理url请求，这就是单页应用的想法。

customers