标签: json2html

所以,这是交易:我在localStorage的网络应用程序中保存了一个JSON对象.这个JSON被保存为一个字符串,JSON.stringify在我的一个函数中,在页面加载中:

localStorage.setItem("MyData", JSON.stringify(data));

数据保存如下:

[{"NAMEVAR":"Some Data 1","CODE":"1"},{"NAMEVAR":"Some Data 2","CODE":"2"}]

数据是请求的结果.数据在主页上成功保存,以后我可以使用.之后,我必须使用从数据中获取的内容在另一页上加载表单.

我在页面上有这个选择标记:

<select id="mySelectID" name="select" class="main-form">
<option value="">None Selected</option>
</select>

我想做的很简单:我使用json2html从数据中向这个select标签添加项目,而选项值包含来自数据的CODE.所以,我预计会发生的是:

<select id="mySelectID" name="select" class="main-form">
<option value="1">Some Data 1</option>
<option value="2">Some Data 2</option>
</select>

通过做这个:

var jsonData = $.parseJSON(window.localStorage.getItem("data"));
var transform = {tag:'option', id:'.CODE',html:'{$NAMEVAR}'};
document.getElementById('mySelectID').innerHtml = json2html.transform(jsonData,transform);

但这不起作用,我知道它不会.问题是我不知道如何将这个JSON插入到HTML的选项中.我认为json2html可以帮助我,但因为我不会说英语本身,所以我很难理解这一点,而且我也是JavaScript的新手.

谢谢!

我一直在使用Python的JSON库来使用Python从JSON文件中获取数据.

infoFromJson = json.loads(jsonfile)

我完全理解如何在Python中使用JSON文件.但是,我试图找到一种方法来以一种很好的方式格式化JSON格式.

我更喜欢将JSON转换为嵌套的HTML表格式.

我发现了Python的json2html,它正是我刚才所描述的.但是,当我运行它们提供的脚本时,它实际上并没有输出任何内容.

有没有人有这个工具的经验？或者有没有人有替代方案的建议？