【问题标题】:Keeping the header on a dynamic website将标题保留在动态网站上
【发布时间】:2012-12-22 17:41:41
【问题描述】:

我正在尝试使用 ajax 制作一个动态网站。此时,它有点像在使用 jQuery 进行 ajax 调用后刷新主 div 的单个页面。我此时遇到的问题是通过这样做:

  1. 后退按钮无法正常工作。
  2. 用户无法为某个结果页面添加书签。

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

我想要的至少是一个标题是静态的、内容是动态的但返回按钮可以工作并且用户可以为页面添加书签的网站。

如果不清楚,我深表歉意,但希望我可以根据任何问题进一步解释。

【问题讨论】:

  • 我确实找到了这个页面,它在某种程度上解释了它,但我不知道当用户执行搜索时如何处理。 stackoverflow.com/questions/668431/…
  • 众多插件来帮助...address.js、history.js、jquery bbq 等 Google 搜索 ajax bookmark
  • 我建议你看看backbone.js。

标签: php javascript jquery ajax html


【解决方案1】:

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

【讨论】:

    【解决方案2】:

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

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

    在哪里并不重要,你要做的就是让你的后退按钮起作用。

    如果这不起作用,请嵌入隐藏的 iframe。每次 iframe 更改时,后退按钮都会起作用。

    虽然使用 html5 和更新的浏览器,但我认为您可能能够原生地操作后退按钮历史记录。不要引用我的话。

    我个人使用谷歌的闭包库,他们有一大堆库代码可以做到这一点。可能值得研究一下他们是如何做到的。

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

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

    有一些想法和地方可以帮助您入门。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-11-17
      • 2014-08-13
      • 2019-05-16
      • 1970-01-01
      相关资源
      最近更新 更多