jquery - 网页中的持久状态

Question

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

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

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

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

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

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

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

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

Answer 1

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

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