javascript - 保持上一页的类别

Question

这里有一个简单的问题，我有一个带有 JavaScript 的按钮，可以从 ON 更改为 OFF，从而更改它的 class 属性。

因此，默认值为关闭，当您单击它时，会切换为开启。问题是，每次您浏览网站页面时，即使您之前选择了开，它也总是默认显示为关。

无论如何，是否可以使用 JavaScript 或 jQuery 来保留上一页中选择的选项？我正在使用 class 属性将元素从 ON 更改为 OFF

预先感谢您的帮助!

Answer 1

我想到有两种方法可以从上一页获取值。在每种情况下，前一页需要将数据(选项值)存储在某处，下一页需要从那里加载此数据。

1. 服务器端解决方案(永久解决方案)

   • 当用户选择上一页上的选项时，页面应通过 AJAX 或使用 <form> 将数据发送到服务器。元素。然后服务器可以将选项存储到数据库、文件或 session 存储中...
   • 当您从服务器加载下一个页面时，该页面可以设置为已包含加载数据或通过 AJAX 动态获取数据。

2. 客户端解决方案(不保证数据持久性)

   • 当用户选择上一页上的选项时，页面应将数据保存到浏览器的本地存储中。这意味着如果用户清除浏览器中的数据，这些数据将永远丢失。
   • 当您从服务器加载下一页时，只需从本地存储中获取选项即可。这很容易... http://www.w3schools.com/html/html5_webstorage.asp

此外:

• 数据可以存储在cookie中。与本地存储类似，但会通过每个 HTTP 请求发送到服务器。如果您不需要服务器上的这些数据，这将是开销。请改用本地存储。

• 数据可以在URL中传递。仅当您希望用户能够更改此数据时。