网页中的持久化状态

Question

我有2个网页(2个不同的网页在相同的域名saywww.mysite.a.html和www.mysite.b.html )

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

在第一页中，我有一个指向第二页的链接。

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

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

我怎样才能实现这是一个网页。

jquery.history.js或hashchange.js能帮到我吗？

我不认为他们能帮助我，因为我有两个不同的页面。

Answer 1

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

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