我正在写一个小网站，其中有几个非常相似的页面。大多数时候，只有一个 div 的内容不同。导航、标题等保持不变。起初，我通过一个 html 文件和这样的 javascript 代码（由按钮单击事件触发）实现了这一点：
$.get("content/text1.html", function(data) {
$("#content").html(data);
});
这非常顺利，但问题是地址栏中的 url 不会随着这些请求而改变。那么用户是否不可能链接到某些页面。我知道#-urls 是可能的，但我想要这样的网址：
example.com/talks/foo/bar
而不是一些解决方法。
为了实现这种行为，我将代码更改为许多 html 文件，每个文件都这样做：
$.get("content/header.html", function(data) {
$("#header").html(data);
});
$.get("content/footer.html", function(data) {
$("#footer").html(data);
});
所以我得到了我的好网址，但现在是问题，整个事情不是很顺利。您对每个新页面的认识都很差，因为页眉和页脚在正文之后几毫秒。
我的问题是：像github这样的流行网站如何同时实现两者？如果您单击顶部栏中的“探索”或“博客”，所有“静态”内容似乎都会永久保留在那里。鉴于他们的网址，我认为他们没有通过 ajax 实现这一点。
有什么我错过的吗？
问候