保持动态网站的标题


Keeping the header on a dynamic website

我正在尝试使用ajax创建一个动态网站。此时,它有点像一个单独的页面,其中主div在使用jQuery的ajax调用后刷新。我现在遇到的问题是这样做:

  1. 后退按钮没有像用户期望的那样工作。
  2. 用户无法将某一页的结果加入书签。

我想我可以通过ajax调用另一个php,这将刷新页面,并有一个新的URL和标题。我的问题是我不太喜欢整页刷新。

我想,在最低限度,是一个网站,其中的标题是静态的,内容是动态的,但后退按钮的工作和用户可以书签页面。

我很抱歉,如果这不是很清楚,但希望我能进一步解释基于任何问题。

你可以使用HTML5的历史api推送/弹出页面状态。本文将为您指明正确的方向。

您可以通过使用页面锚标记来实现您想要做的事情。完成ajax刷新后,将页面重定向到锚标记

// Possibly using
window.location.href = "yourpage.html#myanchortag"

在哪里并不重要,你所要做的就是让你的后退按钮正常工作。

如果这不起作用,嵌入一个隐藏的框架。每次iframe发生变化时,后退按钮都会起作用。

使用html5和更新的浏览器,我认为你可能能够本地操作后退按钮历史。别引用我的话。

我个人使用谷歌的闭包库,他们有一大堆的库代码来做这件事。也许值得研究一下他们是如何做到的。

你可以在这里找到源代码和文档

https://closure-library.googlecode.com/svn-history/r4/trunk/closure/goog/docs/class_goog_History.html

有一些想法和地方可以让你开始。