HTML5通过页面导航存储数据

Question

我有一个当前正在处理的项目，其中有许多用户可以选择的存储值。 该应用程序有很多页面，我遇到了一种称为解析数据和调用的东西。

我希望在用户更改值时保存信息。 有点难以解释，所以我附了一张图片。

http://i.stack.imgur.com/Ebg20.jpg

因此，用户可以更改功率，点直径，曝光时间和半径，然后在页面更改时可以再次调用这些值。

我将Javascript变量与jquery一起使用，因为我希望此应用程序可以跨平台运行并能够在ipad上运行。

Answer 1

存储和检索数据的最简单方法可能是使用Cookie。 jQuery.cookie（ https://github.com/carhartl/jquery-cookie ）可能是您最好的选择。 它非常易于使用，可靠，并且消除了它的所有复杂性。 确保使用path:变量将它们保存到/或其他内容。

您也可以将数据保存到HTML5“（本地）存储”中。 http://diveintohtml5.info/storage.html进行了介绍，尽管在历史记录中有些过分详细。

老实说，cookie可能是最简单的方法。

如果要以人们可以从不同计算机读取相同数据的方式存储数据，则需要将其存储在服务器上的数据库（或任何数据库）中。

Answer 2

像Daniel提到的，您可以使用Cookie，但如今，您应该始终在声明中说明您正在使用Cookie，并描述它们的用途，这通常会使用户对这些“哦，不！我的隐私！”时代充满怀疑；）理想情况下，您可以改用“ html5” localstorage，因为本地存储规则更加模糊；）

但是，也许这是对设计的过度考虑，您提到您只有少数几个变量，如果这些变量在应用程序的所有页面中共享，为什么不将它们作为URL中查询字符串的一部分呢？

您可以使用良好的'ol＃标签或？参数附加这些变量，如下所示：

http://www.yourdomain.com/somepage/?power=500&counter=28&spot=200&exposure=20&radius=1600

然后，当页面加载时，您可以使用Javascript来检查是否存在这些参数（该站点提供了一些有关如何在JavaScript中检索查询字符串值的出色示例）。 这还有一个好处，就是您可以将此URL共享为深链接，并且它将自动为访问者设置这些值（当然，这是我们所希望的；）