如何使用HTML5中的sessionStorage概念在Javascript中打印对象数据

Question

我正在HTML屏幕的Script标签中构建JSON对象-

var ThroughElements = {“ options”：{“ axisY”：{“ title”：“ Cups”，“ titleFontSize”：15，“ labelFontColor”：“＃000000”，“ labelFontSize”：“ 10”}，“ axisX”： {“ labelFontColor”：“＃000000”，“ labelFontSize”：“ 10”，“ gridColor”：“ orange”}，“ toolTip”：{“ enabled”：false}，“ data”：[{“ type”：“ column“，” indexLabel“：” {x}“，” indexLabelFontColor“：”＃000000“，” dataPoints“：[{y：0.07，label：'3：09 A'}，{y：0.01，label：' 1:58 A'}，]}]}}

我们已将JSON对象保存为sessionStorage作为sessionStorage.setItem（“ sessiondata”，PassingElements）;。

当我们尝试以sessionStorage.getItem（“ sessiondata”）的形式检索存储的数据时； //打印为“ [object Object]”

请让我知道如何查看数据或使用会话存储中存储的数据。

我们正在研究Titanium Appcelerator工具。

谢谢，Rakesh Kalwa。

Answer 1

请注意，localStorage或sessionStorage 仅使用字符串 。 禁止对象！

但是您可以使用JSON序列化任何非圆形对象：

sessionStorage.setItem("sessiondata", JSON.stringify(passingElements));
var data = JSON.parse(sessionStorage.getItem("sessiondata"));

Answer 2

您的JSON

var passingElements = {"options":{"axisY":{"title":"Cups","titleFontSize":15,"labelFontColor":"#000000","labelFontSize":"10"},"axisX":{"labelFontColor":"#000000","labelFontSize":"10","gridColor":"orange"},"toolTip":{"enabled":false}, "data":[{"type":"column","indexLabel":"{x}","indexLabelFontColor":"#000000","dataPoints":[{y: 0.07, label:'3:09 A'},{y: 0.01, label:'1:58 A'},]}]}}

要将JSON对象存储在本地存储中，您需要使用JSON.stringify（）函数将其转换为JSON格式的字符串。

sessionStorage.setItem("sessiondata", JSON.stringify(passingElements));

由于该对象先前已转换为JSON格式的字符串，因此必须先反转stringify函数的效果，然后才能访问该对象中的数据。 通过使用JSON.parse（）函数可以轻松完成此操作

var obj = sessionStorage.getItem("sessiondata");      
obj = jQuery.parseJSON(obj); 
console.log(obj)                                                                                                                                                                                                                        

Answer 3

尝试创建一个已创建的PassingElements对象的字符串。

sessionStorage.setItem('sessiondata', JSON.stringify(passingElements));

当您要访问数据时，应将其从字符串解析回Javascript对象。

JSON.parse(sessionStorage.getItem('sessiondata'));