背景：
虽然可能需要直接在页面上显示json数据(例如，在进行接口测试的项目中，需要直接显示接口返回的结果)，但直接显示字符串可能会使其难以观看。 需要格式。
解决方案：
实际上，JSON.stringify本身就可以格式化JSON。 具体使用方法如下。
Jon.stringify(RES，null，2 )； //res为JSON化对象，2为spacing
如果你想有效地看，你还会添加格式化的代码和样式。
js代码：
功能同步光(JSON ) {
if (类型of JSON！='string ' ) {
JSON=JSON.stringify(JSON，undefined，2 )；
}
JSON=JSON.replace(/g，'').replace )/g，'')；
returnJSON.replace(/) (((() (a-za-z0-9 ) {4}|((() ) ) ) ) ) ) ) (| b (transe ) d (？.d*？ (？[eE][ -]？ d (？ (/g，function ) match )。
var cls='number '；
if(/^'/.test(match ) ) ) )。
if(/:$/.test ) (match ) }
cls='key '；
} else {
cls='字符串'；
}
} else if (/true|false/. test (match ) )
cls='布尔'；
}elseif(/null/.test ) (匹配) )。
cls='null '；
}
返回' '匹配' '；
)；
}
样式代码：
pre {outline: 1px solid #ccc； padding: 5px； 边距： 5px； }
. string { color: green； }
. number { color: darkorange； }
. boolean { color: blue； }
. null { color: magenta； }
. key { color: red； }
html代码：
调用代码：
$('#result ' ).html(syntaxhighlight(RES ) )；
效果：
以上是编辑介绍的在html上显示JSON数据的方法，希望对大家有帮助。 如果大家有什么疑问的话请留言。 编辑马上给大家回信。 在这里也感谢您对脚本屋网站的支持！