1.方法:
syntaxHeightlight(json) { ?if (typeof json !== "string") { ???json = JSON.stringify(json, undefined, 2) ?} ?json = json.replace(/&/g, ‘&‘).replace(/</g, ‘<‘).replace(/>/g, ???‘>‘); ?return json.replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g, function (match) { ???var cls = ‘number‘; ???if (/^"/.test(match)) { ?????if (/:$/.test(match)) { ???????cls = ‘key‘; ?????} else { ???????cls = ‘string‘; ?????} ???} else if (/true|false/.test(match)) { ?????cls = ‘boolean‘; ???} else if (/null/.test(match)) { ?????cls = ‘null‘; ???} ???return ‘<span class="‘ + cls + ‘">‘ + match + ‘</span>‘; ?});}2.在html里面添加一个区域:
<pre id="result"></pre>
3.调用该方法:
$(‘#result‘).html(syntaxHighlight(data));
如何在页面显示json数据
原文地址：https://www.cnblogs.com/xieli26/p/9909366.html