在我的网站上,我想实现AJAX页面加载,如Facebook,Twitter和相对较小的网站Kotaku Gaming所示。
基本上,这就是我想要做的事情:在域中的所有页面上保持一个静态的头,并且只使用AJAX和jQuery将内容加载到特定的容器中。
jQuery的 $ .load()几乎是完美的 - 但只是差不多。这基本上就是我使用的代码:
$("#content").load("site.html");
然而,当另一页被加载时#34;使用此功能,URL不会更改。这将破坏书签和链接,因此是不可接受的。网址需要更改。
$。get()的问题在于标题会随页面的其他部分一起发生变化,这当然不是我想要的。
有人可以帮我解决这个问题吗?如果上面提到的网站可以做到,为什么我不能?
答案 0 :(得分:1)
How can I change the page URL without refreshing the page?上的第一个答案应该为您提供帮助 - 使用pushstate推送新地址。请注意,这在旧浏览器中不起作用,我建议最好的理论是回归传统方法。
答案 1 :(得分:0)
如果您希望URL随每个页面加载而更改,但希望标题保持不变,则可能只需为标题创建模板,然后更改每个页面的内容部分。
如果你使用链接PHP的东西,这应该是非常简单的include / require或类似。