使用jquery ajax和PHP的浏览器“后退按钮”工作

Working of browser 'back button' using jquery ajax and PHP

本文关键字:按钮 后退按钮 工作 浏览器 ajax jquery PHP 使用      更新时间:2023-09-26


我正在开发一个应用程序,该应用程序涉及许多用于更新HTML内容的ajax请求。我有一个带有修复左侧菜单或手风琴面板的仪表板,它接受事件,并根据事件,我必须使用 ajax 更新页面的中心部分。
问题:我遇到浏览器后退按钮的问题,因为我没有刷新页面。我希望用户应该能够在ajax内容中来回导航,但由于我不更改URL,它将用户重定向到他们来自的上一页,并销毁用户在字段中输入的所有信息。
在进行搜索时,我浏览了这个非常受欢迎的网站,该网站在不刷新页面的情况下管理左侧的播放列表和底部的播放器,但是 URL 会针对显示的不同内容而更改。
我不确定是否有任何可以使用的特定框架,或者可以通过普通代码实现。
任何帮助将我指向正确的链接或建议都会有所帮助。
谢谢

你似乎想要的是历史.js。它使用 HTML5 历史记录 API 进行导航(您可以在更改时触发事件(,并且它还通过使用 hashbang 来支持较旧的浏览器。

从本质上讲,浏览器不会加载任何新页面,但您仍然可以更改 URL 以反映更改(并让用户为页面添加书签等(。

看看他们的演示,看看它是否是你想要的。