Question

我正在开发一个Web应用程序，并希望严格保持客户端HTML / JS / CSS而不生成服务器端HTML。

servlet容器是Tomcat，使用无状态身份验证为客户端提供REST API。这将使未来的扩展变得更加容易，而不必担心粘性会话或在某些外部商店中管理会话。

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

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

Answer 1

您可以创建单页应用，因此页眉和页脚保持不变，只有正文更改内容。

这样的事情： https://jsfiddle.net/ArnoutPullen/0egv7rdL/1/

的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>

main.js

$(document).ready(function(){
    $("li").click(function(){
    $(".body").html($(this).attr('title'));
    //$(".body").load('customers.html');
  });  
});

customers.html客户

customers

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

1 个答案: