关于如何将JSON以人类可读的格式嵌入到HTML页面中,有什么建议吗?例如,当您在浏览器中查看XML时,大多数浏览器都会显示格式化的XML(缩进、适当的换行等)。我希望JSON的最终结果相同。
颜色语法高亮显示将是一个奖金。
谢谢
关于如何将JSON以人类可读的格式嵌入到HTML页面中,有什么建议吗?例如,当您在浏览器中查看XML时,大多数浏览器都会显示格式化的XML(缩进、适当的换行等)。我希望JSON的最终结果相同。
颜色语法高亮显示将是一个奖金。
谢谢
当前回答
这里有一个轻量级的解决方案,只做OP要求的,包括高亮显示,但没有其他:我如何使用JavaScript漂亮地打印JSON ?
其他回答
首先获取JSON字符串并从中生成真正的对象。循环遍历对象的所有属性,将项放置在无序列表中。每次你得到一个新对象,就创建一个新列表。
下面是一个javasript工具,可以将JSON转换为XML,反之亦然,这应该会增强它的可读性。然后,您可以创建一个样式表来给它上色,或者将其完全转换为HTML。
http://www.xml.com/pub/a/2006/05/31/converting-between-xml-and-json.html
SyntaxHighlighter是一个用JavaScript开发的功能齐全的自包含代码语法高亮显示工具。要了解SyntaxHighlighter的功能,请查看演示页面。
最好的办法是使用后端语言的工具。你在用什么语言?对于Ruby,请尝试json_printer。
您可以使用JSON。使用未格式化JSON的stringify函数。它以格式化的方式输出。
JSON.stringify({ foo: "sample", bar: "sample" }, null, 4)
这
{ "foo": "sample", "bar": "sample" }
into
{
"foo": "sample",
"bar": "sample"
}
现在数据是可读的格式,您可以使用@A建议的谷歌代码美化脚本。Levy对其进行颜色编码。
值得补充的是,IE7和更老的浏览器不支持JSON。stringify方法。