html格式化整理输出JSON示例(测试)

在使用PHP的时候

想在前台输出 json格式的数据样式方便查看

PHP处理起来稍显麻烦，故此可以使用js 来进行处理

将 json 数据以美观的缩进格式显示出来，借助最简单的 JSON.stringify 函数就可以了，因为此函数还有不常用的后面2个参数.
见MDN https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify 的描述。

<head><meta charset="utf-8" /><title>测试</title><style>pre {outline: 1px solid #ccc; padding: 5px; margin: 5px; }.string { color: green; }.number { color: darkorange; }.boolean { color: blue; }.null { color: magenta; }.key { color: red; }</style><script type="text/javascript">function syntaxHighlight(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>';});}
</script></head>
<body><pre id="result"></pre><script type="text/javascript">var songResJson={  "service": "ALL",  "qt": 581,  "content": {  "answer": {  "song": "你能看到我",  "album": "是的,我看见了",  "artist": "啊哈......",  "pic_url": "http://p1.music.126.net/-u3WgIXsFNCW7d8Jy7pCEA==/5921969627395387.jpg" },  "scene": "music" }  }document.getElementById('result').innerHTML = syntaxHighlight(songResJson);// $('#result').html(syntaxHighlight(songResJson));</script></body>

处理完成之后

html格式化整理输出JSON示例(测试)相关推荐

html 显示接口数据格式化,科技常识：html格式化输出JSON示例(测试接口)
今天小编跟大家讲解下有关html格式化输出JSON示例(测试接口) ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关html格式化输出JSON示例(测试接口) 的相关资料,希望小伙伴们看了有 ...
jq输出文本_如何用 Linux 命令行工具解析和格式化输出 JSON | Linux 中国
我们将使用 Linux 上的命令行工具解析并格式化打印 JSON.它对于在 shell 脚本中处理大型 JSON 数据或在 shell 脚本中处理 JSON 数据非常有用.-- Ostechnix J ...
【数据格式】Jackson 美化输出JSON，优雅的输出JSON数据，格式化输出JSON数据
1.概述转载:https://www.sojson.com/blog/245.html Jackson 格式化输出JSON 代码说明(对象) 我们一般输出就是普通的toString 输出.如下代码: ...
linux服务器返回json,Linux 命令行工具解析和格式化输出 JSON的方法
JSON 是一种轻量级且与语言无关的数据存储格式,易于与大多数编程语言集成,也易于人类理解 -- 当然,如果格式正确的话.JSON 这个词代表 J ava S cript O bject N otat ...
php输出json html,html怎样格式化输出JSON数据
这次给大家带来html怎样格式化输出JSON数据,html格式化输出JSON数据的注意事项有哪些,下面就是实战案例,一起来看一下. 将 json 数据以美观的缩进格式显示出来,借助最简单的 JSON. ...
在PostgreSQL命令行psql里格式化输出json字段
为什么80%的码农都做不了架构师?>>> 在pgsql的psql命令里直接select输出json字段是一长串字符,这对阅读非常不友好,查了好久也没查到pgsql有格式化输出j ...
linux命令下jq的用法（curl 格式化输出json 字符串）
文章目录一.什么是jq命令 1. jq安装 2. jq命令的格式从json文件对象数组中取出一组特定的属性的值从json文件对象数组中取出一组特定的属性的值,并排除null值格式化输出js ...
vue将json格式的字符串格式化后输出到web界面上
vue将json格式的字符串格式化后输出到web界面上 <div><textarea readonly style="width: 100%;height: 600px;c ...
nodejs写入json文件，格式化输出json的方法
将 JSON 对象写入文件. 使用 fs.writeFile(),模板字面量和 JSON.stringify() 将 json 对象写入到 .json 文件中. 写入json文件后,都会出现很恶心的 ...

html格式化整理输出JSON示例(测试)

html格式化整理输出JSON示例(测试)相关推荐

最新文章

热门文章