支持使用 ajax 的浏览器后退按钮而不依赖于哈希更改?

2023-12-25

我目前正在使用 jQuery BBQ 插件来启用 Bowser 导航按钮,但我有一个问题,如果用户为其中一个页面保存书签,比如说...

www.mysite.com/#page1

当用户通过书签返回时,必须首先加载整个页面......

www.mysite.com/

在 url 的哈希部分可用于 ajax 回调以完成页面之前。

为了解决这个问题,我尝试在对主页的所有 url 调用上仅创建一个“骨架”页面,以便通过 ajax 获取所有“内部”内容,但这似乎不是一个很好的解决方案。

有谁知道任何不使用“哈希”方法来支持“后退按钮历史记录”等的方法/插件?


防止双页加载的唯一解决方案是使用HTML5 历史 API https://developer.mozilla.org/en/DOM/Manipulating_the_browser_history,它允许您直接修改 URL,而不必处理哈希值。

由于 HTML5 History API 相对较新,因此所有浏览器对它的支持都不同。您可以使用历史.js https://github.com/balupton/history.js规范浏览器之间的功能。

要了解有关哈希问题的更多信息,以及哈希与 HTML5 History API 的比较,请阅读本文 https://github.com/balupton/History.js/wiki/Intelligent-State-Handling.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

支持使用 ajax 的浏览器后退按钮而不依赖于哈希更改? 的相关文章

  • 如何使用 jquery live 停止事件冒泡?

    我试图停止一些事件 但 stopPropagation 不适用于 实时 所以我不知道该怎么做 我在他们的网站上找到了这个 现场活动不会在 传统方式 不能 使用 stopPropagation 停止或 停止立即传播 例如 以两次点击事件为例
  • Alfresco 更新文件 - 错误帖子

    我正在尝试更新 Alfresco 中的文件 我编写了以下代码 var csrf header Alfresco util CSRFPolicy getHeader var csrf token Alfresco util CSRFPolic
  • 如何使整个 jqGrid 禁用/只读

    如何使整个 jqGrid 禁用 只读 我有一个带有逻辑 编辑部分 的页面 当用户选择要编辑的内容时显示该页面 并在用户完成编辑 保存或取消 时隐藏该页面 显示编辑部分时 我禁用了页面上的几个其他元素 我想禁用他们在 jqGrid 中单击的能
  • JavaScript 键码 46 是 DEL 功能键还是 (.) 句点符号?

    我使用 jquery 在 JavaScript 中编写一些逻辑 其中我必须根据 REGEX 模式检查输入内容 例如 a zA Z0 9 Alpha numeric and 逻辑差不多完成了 我只是在过滤功能键 DEL 时遇到了一点问题 我的
  • jQuery - 禁用选定的选项

    需要使用 jQuery 禁用选择框中已选择的选项 我希望它变灰 就像汇编选择 http www ryancramer com projects asmselect examples example1 html 测试我的例子here http
  • jQueryUI autoComplete 返回空列表

    在我的 asp net mvc3 应用程序中 我为搜索框添加了自动完成功能 当我测试它时 该操作返回了 3 个结果 您可以看到显示了一个列表 但是 这是一个空列表 您只看到 3 个 并且 li 标记之间没有任何内容 我很确定 操作没问题 因
  • 如何在不同位置显示验证错误消息?

    我在用knockout js knockout validation插件 我正在添加示例小提琴 http jsfiddle net hsnCW 1 http jsfiddle net hsnCW 1 在此示例中 对数组进行了自定义验证以检查
  • jquery 检查某人何时开始在字段中输入

    a next click function var tags input name tags if tags val tags addClass hightlight return false else tags removeClass h
  • 动态添加Jquery ui按钮

    我有一个 javascript 函数 可以删除现有按钮并添加新按钮 这是代码 function FunctionName button remove This works fine but however with the followin
  • 如何检查 dom 元素是否可聚焦? [复制]

    这个问题在这里已经有答案了 许多 DOM 元素都是可聚焦的 带有 tabIndex 的 div 输入元素等 有没有比检查无数不同情况更简单的方法来检查元素是否可聚焦 有一个 jQuery 方法吗 从这里回答 翻译 哪些 HTML 元素可以获
  • 使用 jQuery 禁用超链接

    a href gohere aspx class my link Click me a I did my link attr disabled true 但没用 有没有一种简单的方法可以使用 jquery 禁用超链接 删除href 我宁愿不
  • 使用 Kendo Upload 进行 Kendo Grid 内联编辑返回空结果

    我有 Kendo UI Gridinline编辑和我的领域之一 propertyLogo I use 剑道上传 https demos telerik com kendo ui upload index上传图像 使用kendoUpload函
  • 使用带有通配符的 jquery grep 搜索对象数组

    我正在使用 jquery grep 搜索对象数组 并希望在搜索中包含通配符 例如 我有一个数组如下 courses code ENCH3TH otherFields otherStuff code ENCH3THHS1 otherField
  • 如何纠正 Highcharts 中的鼠标事件

    我正在尝试绘制 xy 线 其中 y 轴反转 并且我得到了图 但是mouse event我无法纠正它 它显示反向事件 我想自动找到轴的最小值和混合 如何做到这一点 以及如何将 x 轴置于顶部 这是我的代码 JS function var ch
  • 使用多种颜色来突出显示

    我有这个示例代码来突出显示表格的特定单元格 有没有办法切换颜色或同时使用多种颜色 我需要在这里实现两件事 1 我希望能够在单击参数组 或单独的参数 之前将其颜色设置为前端的某种颜色 最多 5 种颜色就足够了 2 参数选择哪种颜色并不重要 颜
  • JQuery 安全问题 - 链接操作(基于 DOM)

    BURP 套件发现存在链接操作 基于 DOM 问题 jquery 3 3 1 js 问题出在代码中 用于解析文档来源的锚标记 originAnchor document createElement a originAnchor href 位
  • 将此自定义 JQuery 工具提示脚本转换为 Jquery 插件

    我在一些 stackoverflow 用户的帮助下 使用 Jquery 和通用 Javascript 开发了这个工具提示脚本
  • jQuery - 动画可折叠 DIV,向上滑动?

    我使用这个 jQuery 脚本来设置 div 的动画 以便在用户单击按钮时打开 关闭 http www dynamicdrive com dynamicindex17 animatedcollapse htm http www dynami
  • 如何检索 JQuery 数据表的排序状态

    我对 JQuery Datatables 还很陌生 我正在尝试检索有关数据表的两个信息 当前正在对哪个列索引进行排序 也称为选择 排序顺序 升序或降序 不知道我应该如何解决这个问题 使用 jquery 查找列索引 或者 Datatables
  • 高图表的分散工具提示未显示

    我有一个散点图和条形图 我无法查看酒吧上方散点的工具提示 这是小提琴http jsfiddle net tZ9Rt http jsfiddle net tZ9Rt 我正在使用这两个系列 series type scatter index 2

随机推荐

  • 如何在 Android Espresso 测试中捏合和缩放(手势)图像视图? [复制]

    这个问题在这里已经有答案了 我正在研究图像编辑应用程序的自动化 并使用 Android Espresso 作为框架 请指导我如何在 Android Espresso 测试中捏合和缩放 手势 图像视图 Espresso 中没有相应的方法 但您
  • PHP图像替换?

    我现在脑子一片空白 如果有人能和我讨论这个问题并提出建议那就太好了 我正在从数据库导入 URL 例如www mysite com images image1 jpg设置为变量newimage1 这是从数据库加载并放置在页面上的 由于这是一个
  • 具有 REST API 的开源作业调度程序

    是否有任何具有 REST API 的开源作业调度程序可供商业使用 它将支持以下功能 树状作业依赖关系 保持和释放 重新运行失败的步骤 并行性 如有帮助 将不胜感激 注意 我们正在寻找开源替代方案TWS http en wikipedia o
  • 不带扩展名的文件名[重复]

    这个问题在这里已经有答案了 在PHP中是否有任何方法可以获取上传到服务器的不带扩展名的文件名 我用的是 FILES file name 但它也返回扩展名 filename pathinfo FILES file name PATHINFO
  • 惯用的 Golang goroutine

    在 Go 中 如果我们有一个类型 它的方法启动某种循环机制 轮询 A 并永远执行 B 最好将其表达为 Run does stuff you probably want to run this as a goroutine func t Ty
  • 在Python中转换多个属性中的dict属性

    我有一个带有 dict 属性的类 如下所示 class MyClass def init self self mydict var1 value1 var2 value2 当我想获取值时 我必须这样做 cls MyClass print c
  • 反映在 DOM 中的同名表单元素

    如果您有多个具有相同内容的表单元素name在表格中 条目elements表单上的集合最终成为这些字段的集合 这很方便 DOM2 HTML 规范涵盖了elements收藏 http www w3 org TR DOM Level 2 HTML
  • 如何在 Oracle SQL 中检索父行的所有递归子行?

    我有一个递归查询 它确实扩展了这个 Java 猴子的 SQL 知识的极限 现在终于到了凌晨 1 30 可能是时候开始寻求帮助了 这是谷歌为数不多的几次让我失望的事情之一 表格如下 Parent ID CHILD ID QTY 25 26 1
  • 对栅格列表列表执行循环

    需要解决方案 我们将不胜感激 在下面的代码中 我创建了三个栅格 然后我创建一个随机的number该栅格上的点位置 我收到三个矩阵的列表 其中包含这些随机位置的坐标samples 然后 我获取这些位置和样本栅格值以接收samplevalues
  • C# - 在单元测试中断言两个对象相等

    使用 Nunit 或 Microsoft VisualStudio TestTools UnitTesting 现在我的主张失败了 TestMethod public void GivenEmptyBoardExpectEmptyBoard
  • geom_text 未标记躲避的 geom_bar

    我似乎无法让 geom label 来标记躲避条形图CLASS 情节被 躲避 的因素 相反 我得到的是总数count per PROC the Y axis ggplot data df mapping aes x PROC geom ba
  • 我可以使用什么算法来查找图中指定节点类型之间的最短路径?

    这就是问题 我有 n 个点 p1 p2 p3 pn 每个点都可以以确定的成本 x 连接到任何其他点 每个点都属于一组点类型中的一个 例如 A B C D 该方法的输入是我想要遵循的路径 例如 A B C A D B 输出是连接我在输入中给出
  • 为什么在 viewDidAppear 中调用我的 CABasicAnimation 不起作用?

    In viewDidAppear我调用以下代码 MyView myView MyView alloc initWithFrame CGRectMake 100 100 100 100 myView backgroundColor UICol
  • 使用 JavaScript 分割 url

    我正在尝试拆分以下网址 http www store com products aspx Books The happy donkey 为了只得到http www store com products aspx 我正在使用 JavaScri
  • 如何校准 Android 加速度计并降低噪音、消除重力

    所以 我已经在这个问题上挣扎了一段时间 并且没有运气利用互联网的智慧和有关该主题的相关 SO 帖子 我正在编写一个 Android 应用程序 它使用无处不在的加速度计 但即使在休息时 我似乎也会收到令人难以置信的大量 噪音 而且似乎不知道如
  • 如何正确配置 ASP.NET Core 5 Swagger 以与 Azure A/D 授权代码身份验证配合使用?

    我正在将 ASP NET Core 5 Web API 安全性从隐式升级为授权代码 身份验证是使用 Azure A D 完成的 我还需要允许使用 Swagger 文档 我已经设法使它工作 但 client secret 在我的情况下毫无用处
  • 未找到请求 ajax spring mvc

    我和人们有一张桌子 当我单击删除图标时 我想从数据库中删除该人 并在成功后从表中删除该行 我不断地得到deleteEmployee id 37 not found 404 我有一个控制器 RequestMapping value delet
  • 如何检查 no 是否阶乘?

    我有一个问题 然后给定一些输入数字 n 我们必须检查该 no 是否是其他某个 no 的阶乘 输入 24 输出真输入 25 输出假我为其编写了以下程序 int factorial int num1 if num1 gt 1 return nu
  • ODBC 管理员找不到 Oracle TNS 名称文件

    当我去安装新的 Oracle 时Configuration Management Tools gt Microsoft ODBC Administrator gt System DSN gt Add gt new installation
  • 支持使用 ajax 的浏览器后退按钮而不依赖于哈希更改?

    我目前正在使用 jQuery BBQ 插件来启用 Bowser 导航按钮 但我有一个问题 如果用户为其中一个页面保存书签 比如说 www mysite com page1 当用户通过书签返回时 必须首先加载整个页面 www mysite c