网页中的持久状态

Question

我有 2 个网页（同一域上的 2 个不同页面，例如 www.mysite.a.html 和 www.mysite.b.html）

在第一页我有一些复选框；在第二页我有一些输入框。

在第一页我有一个链接，可以带我到第二页。

假设我单击第一页上的某个复选框并导航到第二页。 （此时数据库中没有数据保存）。

从第二页让我按下浏览器的后退按钮。 此时，我在导航到第二页之前选中的任何复选框都应保持选中状态。如果我在这种状态下按下前进按钮，我应该进入第二页，第二页上填写的输入框应该像以前一样填写。

如何实现这是一个网页。

jquery.history.js 或 hashchange.js 可以帮助我吗？

我不认为他们可以帮助我，因为我有 2 个不同的页面。

Answer 1

有很多方法可以做到这一点，我建议最简单的方法是在同一个表单中设置 2 个 div，其中第一个 div 包含复选框，第二个包含表单字段的其余部分。在页面加载时隐藏第二个 div，然后当用户单击第一个提交按钮时，隐藏第一个 div 并显示第二个。然后当用户点击第二个提交按钮时，只需提交表单，其中包含来自两个 div 表单字段的所有数据。

或者，您可以尝试将状态保存在 cookie 中，或以会话状态保存在服务器端，或者您可以使用来自第一页的数据在一个或多个隐藏输入中呈现第二页。