如何留住浏览器的页面选择回用骨干

Question

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

Answer 1

你可以存储在localStorage的或完全成熟的database.Define这是你的集合中的数据，并相应地使用fetch /保存方法。

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

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

Answer 2

假设page1和page2是路由视图，而不是页面加载，那么当你回到page1时，render方法会触发并且对之前的输入值一无所知，因此为了捕获它们，你可以使用表单值as来更新页面1中的模型，当他们进入例如然后使用此模型渲染表单而不是整洁或新模型。当路由到page2并返回到page1时，模型应该保留在内存中。