HTML5通过页面导航存储数据

时间:2014-03-13 11:08:08

标签: javascript jquery html5 parsing

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

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

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

因此,用户可以更改POWER,Spot Diameter,Exposure Time和Radius,然后当页面更改时,可以再次调用这些值。

我正在使用jquery的Javascript变量,因为我希望这个应用程序是跨平台的,并且能够在ipad上运行。

2 个答案:

答案 0 :(得分:1)

存储和检索数据的最简单方法可能是使用cookie。 jQuery.cookie(https://github.com/carhartl/jquery-cookie)可能是你最好的选择。它非常易于使用,可靠,并且可以消除它的所有复杂性。请务必使用path:变量将其保存到/或其他内容。

您还可以将数据保存到HTML5'(本地)存储空间'。 http://diveintohtml5.info/storage.html有一个介绍,虽然它在历史上有点过于详细。

老实说,cookies可能是最简单的方法。

如果您希望以人们可以从不同计算机读取相同数据的方式存储数据,那么您需要将其存储在数据库(或其他任何数据库)中。服务器

答案 1 :(得分:0)

像丹尼尔提到的那样,你可以使用cookies,但现在你需要表明你正在使用cookies并描述用户通常会对这些内容产生什么影响的陈述"哦,不!我的隐私!" -times;)理想情况下你可以使用" html5"相反,localstorage,因为本地存储的规则更加模糊;)

然而,也许这是对设计的过度思考,你提到你只有少数变量,如果这些变量在应用程序的所有页面中共享,为什么不将它们作为URL中查询字符串的一部分呢?

您可以使用好的&#ol; ol标签或?-parameters附加这些变量,如下所示:

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

然后当您的页面加载时,您可以使用Javascript来检查这些参数是否存在(此网站有一些关于如何retrieve query string values in JavaScript)的优秀示例。这也有一个好处,你可以将这个URL作为一个深层链接共享,它将自动为访问者设置这些值(当然,如果需要的话);)