如何使用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'));