单击浏览器后退按钮时如何保持页面状态？

Question

我有一个带有客户端分页和过滤的页面。该页面列出了大约 200-300 个产品。该页面包含一些过滤器，如类别、制造商和重量。单击任何页码或过滤器，我正在使用 Jquery 在客户端处理页面内容。

一切正常，直到这一步。现在有一个用例，我遇到了问题。

1. 假设用户来到我们的产品列表页面并点击一些过滤器并获取产品列表。
2. 现在他点击了一个特定的产品，这会将他重定向到产品页面以查看产品的详细信息。
3. 但是现在当用户点击后退按钮时，用户会获得初始状态的页面，而没有选择任何过滤器。

用户有什么办法可以通过单击后退按钮获得先前选择的过滤器的页面？

Answer 1

您可以使用以下一些方法来跨多个页面存储数据。

1. 将数据存储在cookie中。
2. 将数据存储在本地存储中。
3. 将数据存储在服务器上的会话中。
4. 将数据作为 URL 的一部分（使用哈希或查询字符串作为过滤器参数）。请注意，更改查询字符串会导致页面重新加载。

如果使用 cookie、本地存储或哈希，您需要向页面添加 JavaScript 代码，以在页面加载时加载并应用存储的数据。