如何使用 jquery mobile 和 ajax 实现浏览器历史记录和书签

Posted

技术标签:

【中文标题】如何使用 jquery mobile 和 ajax 实现浏览器历史记录和书签【英文标题】:How to implement browser history and bookmarks with jquery mobile and ajax 【发布时间】:2013-02-21 17:12:34 【问题描述】:

我正在尝试使用 JQM、JQuery、phpmysql 构建一个站点。这个想法是使用 ajax 从数据库 (JSON) 中提取信息以将其插入页面。我唯一的问题是我不确定如何以一种可以轻松为页面添加书签并返回(返回到最后一页)JQM 站点的方式来实现 ajax。我正在考虑使用 pushstate,但不确定如何实现它。任何人都可以向我指出如何有效地做到这一点的教程,或者他们是否可以提供一些示例代码。

【问题讨论】:

如果您返回 html 而不是 json,JQM 会为您处理所有这些,您尝试使用 json 而不是 html 是否有特定原因?数据量很大吗? @KevinB 最终可能是,但目前不是,但是数据是基于选择的动态的,所以我认为我必须使用 ajax 和 JSON 【参考方案1】:

将它保存在页面 url 中,所以让你的页面 URL 是:test_page.php 和 json URL 是 test_json.php。您想为所有名称为“mark”的页面添加书签。因此,您将 test_page.php?name=mark 加入书签。然后在页面加载时将其定义为 json 以获取所有标记。

这样你就可以为网址添加书签,然后根据网址中的参数进行抓取。

【讨论】:

以上是关于如何使用 jquery mobile 和 ajax 实现浏览器历史记录和书签的主要内容,如果未能解决你的问题,请参考以下文章

jQuery Mobile 如何通过ajax方式动态加载页面?

jquery mobile listview使用ajax动态加载后,跳转到其他页面返回时数据没有保存如何解决?

使用 PhoneGap、AJAX 和 JQuery Mobile 连接到 MySQL 数据库

jQuery Mobile-jquery Mobile 怎么用ajax提交表单

在 jQuery Mobile 中的 Ajax 调用中显示页面加载微调器

Ajax成功功能在jquery mobile中不起作用