我正在考虑在DOM中嵌入任意的JSON,如下所示:
<script type="application/json" id="stuff">
{
"unicorns": "awesome",
"abc": [1, 2, 3]
}
</script>
这与在DOM中存储任意HTML模板以供稍后与JavaScript模板引擎一起使用的方式类似。在这种情况下,我们可以稍后检索JSON并使用以下语法进行分析:
var stuff = JSON.parse(document.getElementById('stuff').innerHTML);
这可行,但这是最好的方法吗?这是否违反任何最佳做法或标准?
注意:我没有寻找在DOM中存储JSON的替代方案,我已经决定这是我遇到的特定问题的最佳解决方案。我只是在寻找最好的方式来做到这一点。
发布于 2018-03-29 09:14:18
作为一个总的方向,我会尝试使用HTML5数据属性。没有什么能阻止你使用有效的JSON。例如:
<div id="mydiv" data-unicorns='{"unicorns":"awesome", "abc":[1,2,3]}' class="hidden"></div>
如果你使用jQuery,那么检索它就像下面这样简单:
var stuff = JSON.parse($('#mydiv').attr('data-unicorns'));
https://stackoverflow.com/questions/-100007844
复制相似问题