我熟悉在各种情况下使AJAX应用程序中的back按钮工作的几种方法,但是我还没有找到一种在我的特定场景中优雅地工作的解决方案。
我正在处理的页面是网站的搜索界面。你在一个普通的搜索框中输入词条,点击"go“,进入一个搜索结果页面。在搜索结果页面上有大量的UI控件用于过滤/排序搜索结果来找到你想要的东西。由这些控件触发的一些操作可能需要(相对)较长的时间(例如几秒钟)才能完成。
在用户最初过滤/排序他们的结果的情况下,这种延迟很好……有一个很好的AJAX旋转器,等等。但是,当用户单击搜索结果,然后单击BACK按钮时,我希望页面立即恢复到他们单击时所处的状态。
我可以使用IFRAMEs/fragment标识符作为页面历史字典来恢复状态,但最终发生的情况是,当用户第一次单击back按钮时,初始页面被加载,然后它(re)执行AJAX查询以获取页面状态,这触发了AJAX旋转程序和另一个可能的几秒钟等待。
当用户通过BACK按钮返回页面时,有没有不需要这种两阶段加载页面的方法?
编辑后补充说:我偏爱jquery,但我对依赖于其他库/工具包或独立/原始javascript的解决方案感到满意。
编辑为添加:我应该添加我正在尝试避免cookie/会话,因为这会阻止人们打开多个浏览器窗口/选项卡,并同时操作不同的搜索结果集。
编辑: Matt,您能详细说明您提出的解决方案(通过片段标识符触发页面更改事件)吗?我看到这将如何帮助后退按钮点击同一页,而不是返回到搜索结果页面后,点击特定的结果。
发布于 2012-04-19 18:08:45
请尝试使用localStorage对象。下面是跨浏览器库jStorage和WEBSHIMS json-storage
发布于 2008-08-29 01:23:52
只需使用cookie即可。
发布于 2008-11-28 09:41:19
https://stackoverflow.com/questions/34227
复制相似问题