ajax - 是否可以在单击 BACK 按钮时保持（无需重新加载）AJAX 页面状态？

Question

我熟悉使后退按钮在各种情况下在 AJAX 应用程序中工作的几种方法，但我还没有找到可以在我的特定场景中正常工作的解决方案。

我正在使用的页面是网站的搜索界面。您在普通搜索框中输入术语，单击“开始并在搜索结果页面结束。在搜索结果页面上，有大量 UI 控件用于过滤/排序搜索结果以查找您要查找的内容。一些由这些控件触发的操作可能需要（相对）较长的时间才能完成（例如几秒钟）。

如果用户最初过滤/排序他们的结果，这种延迟很好......有一个很好的 AJAX 微调器等等......但是当用户点击搜索结果然后点击 BACK 按钮时，我想页面会立即恢复到他们单击时的状态。

我可以使用 IFRAME/片段标识符作为页面历史的字典来恢复状态，但最终发生的是，当用户第一次点击后退按钮时，初始页面被加载，然后它（重新）进行 AJAX 查询以获取返回页面状态，这会触发 AJAX 微调器和另一个可能的等待几秒钟。

当用户通过BACK按钮返回页面时，是否有任何方法不需要页面的这种两阶段加载？

编辑添加：我偏爱 jquery，但我会对依赖于其他库/工具包或独立/原始 javascript 的解决方案感到满意。

编辑添加：我应该添加我正在尝试避免使用 cookie/会话，因为这可以防止人们打开多个浏览器窗口/选项卡并同时操作不同的搜索结果集。

编辑：马特，您能否详细说明您提出的解决方案（通过片段标识符触发页面更改事件）？我看到这将如何帮助单击同一页面上的 BACK 按钮，但在单击特定结果后不会返回到搜索结果页面。

score 1 · Accepted Answer

1

只需使用cookie 即可。

于 2008-08-29T09:23:52.483 回答

score 1 · Accepted Answer

1

于 2008-11-28T17:41:18.807 回答

score 0 · Accepted Answer

使用“在 URL 方法末尾的 # 中添加一些信息”来触发页面更改事件是否有帮助。

这样，单击后退按钮实际上不应更改页面，并且您应该能够在不加载第一页的情况下恢复状态。

score 0 · Accepted Answer

使用与用户个人资料相关的持久性内容。

Cookie 和会话是好主意，但您也可以将这些内容保存在数据库中。这为您提供了一个额外的优势，即能够在不同的浏览会话中保存用户的过滤偏好。（例如，如果他正在办公室寻找东西，然后决定在他回到家时继续搜索）。

这完全取决于过滤器和天气的复杂性，您是否认为用户会想要在不同的浏览会话中使用。

score 0 · Accepted Answer

编辑添加：我应该添加我正在尝试避免使用 cookie/会话，因为这可以防止人们打开多个浏览器窗口/选项卡并同时操作不同的搜索结果集。

您可以创建一个随机令牌并将其分配给片段标识符。

示例 cookie (JSON)：

{"ajaxcache":[{"token":<token>,"time":<time>,"data":<data>}, ... ]}

score 0 · Accepted Answer

0

尝试使用localStorage对象。这是跨浏览器库jStorage和WEBSHIMS json-storage

于 2012-04-19T18:08:45.493 回答

6 回答 6