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

Question

我正在 HTML 屏幕的脚本标记中构建 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 对象保存到 sessionStorage 作为 sessionStorage.setItem("sessiondata", movingElements);

当我们尝试检索存储的数据时 sessionStorage.getItem("sessiondata");//打印为“[object Object]”

请告诉我如何查看数据或使用存储在 session 存储中的数据。

我们正在开发 Titanium Appcelerator 工具。

谢谢， 拉克什·卡尔瓦。

Answer 1

您的 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)