欢迎来到曹鸿源的个人站点

       
点击小屏 点击全屏

页面展示格式化的 Json 数据

在有个需求就要在前端页面显示完整的,并且格式化的Json数据,自己搜了很多资料,大都是无效的。本文找到一个方法,亲测可以用,提供完整代码和截图。


代码:

<pre id="json"></pre>

<script>
    var json = '[{"key": "value"},{"key1": "value1"},{"key": [{"key1": "value1"}]}]';
    var data = JSON.parse(json);
    var jsonFormat = JSON.stringify(data, null, 4);
    document.getElementById("json").innerHTML = jsonFormat;
</script>


效果图:

image.png


简单说下,就是要把 Json 转为 Js 的对象,然后再使用 JSON.stringify() 函数加上缩进值就可以了。文中使用的4格缩进。


喜欢这个插件?点击获取:cShare

本文链接地址,转载请标注: https://caohongyuan.cn/article/162


上一篇:MySQL按时间分组统计数据:秒,分,小时,天,周,月,季度

下一篇:peewee 查询示例

(邮箱不会公开,只会做回复通知用) 提交 清空 {{comment.content}}
Re:{{response.content}}