将JSON显示为HTML

Display JSON as HTML

关于如何将JSON嵌入到HTML页面中,并将JSON格式化为人类可读的样式,有什么建议吗?例如,在浏览器中查看XML时,大多数浏览器都显示XML格式(缩进、适当的换行符等)。我想要相同的JSON最终结果。

颜色语法突出显示将是一个额外的好处。

谢谢


可以将json.stringify函数与未格式化的json一起使用。它以格式化的方式输出它。

1
JSON.stringify({ foo:"sample", bar:"sample" }, null, 4)

这个转弯了

1
{"foo":"sample","bar":"sample" }

进入之内

1
2
3
4
 {
    "foo":"sample",
    "bar":"sample"
 }

现在,数据是一种可读的格式,您可以使用@a.levy建议的谷歌代码美化脚本对其进行彩色编码。

值得补充的是,IE7和旧版本的浏览器不支持json.stringify方法。