2012-12-22 46 views
3

我正在尝试使用ajax制作一个动态网站。在这一点上,它就像一个单独的页面,在使用jQuery进行ajax调用之后,主div被刷新。我现在遇到的问题是,通过这样做:保持动态网站上的标题

  1. 后退按钮不能按用户预期的方式工作。
  2. 用户无法为某页结果添加书签。

我想我可以通过ajax调用另一个PHP来刷新页面,并有一个新的URL和标题。我遇到的问题是我不是整个页面刷新的忠实粉丝。

我想什么,在最小的,是一个网站,标题是静态的,内容是动态的,但在那里后退按钮工程和用户可以书签的页面。

我道歉,如果这还不清楚,但希望我可以基于任何问题进一步解释。

+0

我的确发现了这个页面,这有点解释它,但我不知道如何处理用户执行搜索时。 http://stackoverflow.com/questions/668431/how-does-facebook-keep-the-header-and-footer-fixed-while-loading-a-different-pag – complexenigma

+2

无数的帮助... address.js ,history.js,jquery bbq等。谷歌搜索'ajax书签' – charlietfl

+0

我建议你看看backbone.js为例。 –

回答

0

可以使用HTML5历史API推/弹出页面的状态。 This article应该帮助你指出正确的方向。

0

您可能能够达到你想要使用的页面锚标记做什么。当你做你的AJAX刷新,重定向你的页面的锚标记,

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

它并没有真正无论身在何处,您的所有试图做的是让你的后退按钮的工作。

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

随着HTML5虽然和新的浏览器我想你可能能够本地操纵后退按钮历史。不要在此引用我。

我个人使用Google的封闭库,他们有一大堆库代码来做这件事。看看他们是如何做到的可能是值得的。

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

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

即使世界一些地方和思想,让你开始。