说服浏览器缓存由 JavaScript 更改的 DOM

Question

我有一个网络应用程序，其首页有一个登录表单。当提交登录表单时，一些 JavaScript jiggery-pokery 会在幕后发生，并且用户的数据会出现 - 无需页面加载。

问题在于，当用户离开页面，然后使用后退按钮导航回来时，页面处于原始的非登录状态。我可以让浏览器缓存更改后的 DOM 吗？

Answer 1

您可以尝试使用这样的插件： http://benalman.com/projects/jquery- bbq-plugin/

你必须在你的url中生成一个#logged链接，当你点击历史记录返回时，你只需要重新请求用户信息。

希望这有帮助。

Answer 2

我大胆猜测，与其将一些在客户端上存储用户登录数据的东西一起破解（无论如何这是一个坏主意），沿着这些思路进行的事情将是一个更好的主意：

1. 修复“jiggery-pokery”，以便它没有损坏。

   • 我的意思是：它并没有真正让用户登录，只是给他们带来了登录的错觉
   • 因此您需要对其进行更改，以便它存储一些信息（可能在会话中）来验证他们是否已登录。

2. 一旦修复了 jiggery-pokery，您的页面就可以检查该信息并显示“已登录”DOM。

   • 如果他们没有登录，它仍然使用旧的 JS 方法来显示原始内容，登录他们，并更新 DOM（第一次）。

有道理吗？

当前流程：

1. 访问站点

2. JS登录

3. 更新DOM

新流程：

1. 访问站点

2. 检查是否登录

3. 提供适当的 DOM

4. JS 登录

5. 后端存储登录信息

6. JS 更新 DOM。