使用jquery ajax和PHP的浏览器“后退按钮”工作
Working of browser 'back button' using jquery ajax and PHP
我正在开发一个应用程序,该应用程序涉及许多用于更新HTML内容的ajax请求。我有一个带有修复左侧菜单或手风琴面板的仪表板,它接受事件,并根据事件,我必须使用 ajax 更新页面的中心部分。
问题:我遇到浏览器后退按钮的问题,因为我没有刷新页面。我希望用户应该能够在ajax内容中来回导航,但由于我不更改URL,它将用户重定向到他们来自的上一页,并销毁用户在字段中输入的所有信息。
在进行搜索时,我浏览了这个非常受欢迎的网站,该网站在不刷新页面的情况下管理左侧的播放列表和底部的播放器,但是 URL 会针对显示的不同内容而更改。
我不确定是否有任何可以使用的特定框架,或者可以通过普通代码实现。
任何帮助将我指向正确的链接或建议都会有所帮助。
谢谢
你似乎想要的是历史.js。它使用 HTML5 历史记录 API 进行导航(您可以在更改时触发事件(,并且它还通过使用 hashbang 来支持较旧的浏览器。
从本质上讲,浏览器不会加载任何新页面,但您仍然可以更改 URL 以反映更改(并让用户为页面添加书签等(。
看看他们的演示,看看它是否是你想要的。
相关文章:
- 如何在Facebook上的iframe应用程序中使后退按钮返回到上一页
- 当浏览器上的后退按钮到达主页时,我需要删除Class
- 带有嵌套状态的Angular ui路由器和后退按钮
- 带有向下钻取的 Amchart 图表工作正常,但“后退”按钮不起作用
- 如何控制javascript中的后退按钮点击
- 更改后退按钮的指向位置
- 如何在jquery中检测浏览器的后退按钮,如果有任何对话框打开,请关闭它
- 使用Ajax的后退按钮历史记录,URL中没有散列
- 后退按钮问题
- 按下后退按钮时,谷歌音乐如何继续播放
- 如何在IE中单击后退按钮使表单值相同
- 从浏览器访问页面时执行js函数's后退按钮
- 按下后退按钮时,如何保持可滚动区域的滚动位置
- 需要在javascript或jquery中的Android或Iphone移动设备后退按钮点击事件
- Chrome 41:按下后退按钮时强制重新加载
- 后退按钮未出现在地铁风格应用程序中
- 移动野生动物园后退按钮
- 检查浏览器后退按钮历史记录
- 如何在用户提交后退按钮时重新加载同一页面
- 点击浏览器的“后退”按钮显示的是JSON而不是HTML(使用Rails和d3.js)