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

【问题标题】：How to retain page selection on browser back using backbone如何使用主干在浏览器上保留页面选择
【发布时间】：2016-01-13 22:10:04
【问题描述】：

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

【问题讨论】：

你试过使用cookie吗？
您不是在处理单页应用程序吗..？
这不是 SPA。页面导航是标准的 URL 重定向。

标签： javascript jquery backbone.js browser

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

假设 page1 和 page2 是路由视图而不是页面加载，那么当您返回 page1 时，渲染方法会触发并且对您之前的输入值一无所知，因此要捕获它们，您可以使用表单值更新 page1 中的模型以及何时它们被输入，例如在更改时，然后使用此模型而不是干净或新模型呈现表单。当路由到 page2 并返回到 page1 时，模型应该保留在内存中。

【讨论】：