如何使用主干在浏览器上保留页面选择

Question

在我的主干JS Web应用程序中，有两个页面，即page1和page2。 Page1有不同的表单控件，如单选按钮，复选框和下拉菜单。我选择了一些控件并导航到page2。但是，当我点击浏览器后退按钮转到上一页第1页时，我将丢失第1页中的所有值。我的问题是如何在不丢失价值或信息的情况下保留价值或信息。我正在寻找主干JS特定的解决方案。

Answer 1

您可以将数据存储在localstorage或完整的数据库中。在您的集合中定义它，并相应地使用fetch / save方法。

localStorage: new Backbone.LocalStorage("page1"),

关于localstorage的实施有很多详细的例子。这是a link。

Answer 2

假定page1和page2是路由视图而不是页面加载，那么当你返回到page1时，render方法会触发并且不知道你以前的输入值，所以为了捕获它们你可以在第1页中使用表单值更新模型。他们输入例如在更改，然后使用此模型而不是干净或新模型呈现表单。当路由到page2并返回到page1时，模型应保留在内存中。