如何使用 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.setItem("sessiondata", passingElements);

保存到 sessionStorage

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

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

我们正在开发 Titanium Appcelerator 工具。

谢谢，拉凯什·卡尔瓦。

Answer 1

请注意，localStorage 或 sessionStorage 仅使用字符串。不允许使用对象！

但是你可以用JSON序列化任何非循环对象:

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

Answer 2

尝试将您创建的 passingElements 对象制作成一个字符串。

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

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

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

Answer 3

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

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

How to print object data in Javascript using sessionStorage concepts in HTML5

html

javascript

json

titanium

session-storage