单击后退按钮时如何保留以前的 HTML答案

【问题标题】：How to preserve previous HTML when back button clicked单击后退按钮时如何保留以前的 HTML
【发布时间】：2019-07-12 07:12:23
【问题描述】：

我搜索了相关问题，但无法与我的问题相关。

我正在使用 HTML 和 JQuery 开发一个应用程序。像“目录”这样的 HTML 页面将动态显示产品（例如，在页面加载时将显示 20 个产品，而“加载更多”按钮将添加另外 20 个产品等等）。如果用户点击产品编号的“查看详细信息”链接。 45 然后页面将重定向到新的 HTML 以查看产品的详细信息。如果用户点击后退按钮，如何在没有任何服务器调用的情况下查看与用户离开之前相同的“Catelog”HTML页面？

如果有人知道，请分享您的想法或任何可用的插件？

谢谢..!!!

【问题讨论】：

抱歉，如果没有任何服务器调用，这是不可能的，您将通过单击后退按钮发出新的 http 请求。如果可能的话，您可以做的是在模式中查看详细信息而不重定向到新的 url。
您可以在同一页面中显示产品的详细信息，而不是重定向。
您只需交换页面/容器/div display:none 和 display:block 样式
你说的是浏览器的后退键还是详情页的后退键？
@CerlinBoss 如果它是同一页面并且如果我按下浏览器后退按钮。它在同一页面处理吗？或者它会重定向到我的其他 HTML 页面，比如菜单或仪表板 HTML？

标签： javascript jquery html

【解决方案1】：

所以。我有实现的想法，您可以将用户加载的产品数量存储在 javascript 会话存储中。所以喜欢用户通过多次点击加载来查看 60 个产品。所以存储 60 值。并且您可以检查 id session storage 是否已经有值，您可以先加载更多。

所以用户将从产品视图返回它你会发现会话存储 60 在那里，你可以让它再次加载。

保存会话存储 Session Storage in js

【讨论】：

是的，我也读过。你有没有在你的任何网站上实施？我需要实施和检查。感谢您的回复。
您如何在列表中加载更多产品。使用 ajax？
是的，$.ajax
你传递什么变量来加载更多？？
抱歉回复晚了。它尚未实施。一旦实施，我会通知您。

【解决方案2】：

所以，如果您想要上一页没有服务器调用，只需在点击事件上使用 window.history.back();。

这就像您浏览器中的“后退按钮”。

【讨论】：