保留上一页的课程

Question

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

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

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

提前感谢您的帮助！

Answer 1

我可以通过两种方式获取上一页的价值。在每种情况下，前一页都需要在某处存储数据（选项值），下一页需要从那里加载这些数据。

1. 服务器端解决方案（永久解决方案）

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

2. CLIENT-SIDE解决方案（无法保证数据持久性）

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

此外：

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

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