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

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

本文关键字：Javascript 打印 对象 数据 HTML5 何使用 中的 sessionStorage      更新时间：2024-06-26

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

var passingElements=｛"options"：｛"axisY"：｝"title"："Cups"，"titleFontSize"：15，"labelFontColor"："#000000"，"labelFontSize"："10"｝，"axisX"：{"labelFontColor:"#000000"，"labelFontSize"："10"，"gridColor"："orange"｝，"工具提示"：｛"enabled"：false｝，"data"：[｛"type"："column"，"indexLabel"："｛x｝"，"index LabelFontColor"："#000000"，"dataPoints

我们已经将JSON对象保存为sessionStorage.setItem（"sessiondata"，passingElements）；

当我们试图将存储的数据检索为sessionStorage.getItem（"sessiondata"）；//打印为"[对象]"

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

我们正在开发钛加速器工具。

谢谢，拉凯什·卡尔瓦。

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

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

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

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

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

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

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

JSON.parse(sessionStorage.getItem('sessiondata'));
相关文章：