这次给大家带来html怎样格式化输出JSON数据,html格式化输出JSON数据的注意事项有哪些,下面就是实战案例,一起来看一下。

将 json 数据以美观的缩进格式显示出来,借助最简单的 JSON.stringify 函数就可以了,因为此函数还有不常用的后面2个参数。

hello

pre {outline: 1px solid #ccc; padding: 5px; margin: 5px; }

.string { color: green; }

.number { color: darkorange; }

.boolean { color: blue; }

.null { color: magenta; }

.key { color: red; }

function syntaxHighlight(json) {

if (typeof json != 'string') {

json = JSON.stringify(json, undefined, 2);

}

json = json.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 '' + match + '';

});

}

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));

相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

相关阅读:

php输出json html,html怎样格式化输出JSON数据相关推荐

  1. python编程格式化输出_Python的三种格式化输出

    今天刚学了python的三种格式化输出,以前没接触过这么有趣的输出方式,现在来分享一下. #!/user/bin/env python #coding:utf-8 #三种格式化输出 #第一种格式化输出 ...

  2. c++ 输出二进制_Python入门3print格式化输出的几种方法

    接<Python入门2> print格式化输出的几种方法 ⒂格式化输出举例 [例] str_name="小明" num_age=15 print("我叫%s, ...

  3. 输出java_java基础----Java的格式化输出

    在JavaSe5中,推出了C语言中printf()风格的格式化输出.这不仅使得控制输出的代码更加简单,同时也给与Java开发者对于输出格式与排列更大的控制能力.今天,我们开始学习Java中的格式化输出 ...

  4. python 表格格式输出_Python笔记---DAY3:格式化输出、for循环、列表操作

    1.引号使用: 多行变量用三引号 python单双引号相同,当命令内容中有引号时注意最外层引号的使用 2.格式化输出: name=input("name:") age=int(in ...

  5. c++ 输出二进制_C语言 printf 格式化输出的详细示例

    printf 是C语言非常有用的一个函数,也是我们入门学习C语言的第一个函数.掌握 printf 的格式化输出,对后续的学习非常有帮助. 在程序中要使用 printf,必须要包含头文件 stdio.h ...

  6. c语言printf输出字母,C语言printf()格式化输出控制

    printf()函数是格式化输出函数,一般用于向标准输出设备按规定格式输出信息.在编写程序时经常会用到此函数.printf()函数的调用格式为: printf("", ); 其中格 ...

  7. python指定宽度20输出_Python 以指定宽度格式化输出

    Python 以指定宽度格式化输出 2020-05-07 当对一组数据输出的时候,我们有时需要输出以指定宽度,来使数据更清晰. 1 mat = "{:20}\t{:28}\t{:32}&qu ...

  8. c语言中字符串格式输出有负号,C语言格式化输出

    C语言格式化输出 printf()格式化输出详解 本文来 自:http://www.kuqin.com/language/20080420/7060.html printf的格式控制的完整格式: % ...

  9. python输出的格式控制符_Python格式化输出

    说到格式化输出就要先说说print函数了 python的格式化输出就是对python的字符串进行一系列的操作,从而使字符串在屏幕中显示一定的格式.常见的格式化有字符串拼接.对齐. % 形式 使用 % ...

最新文章

  1. 【Android】AsyncTask异步类
  2. vs2010利用属性表自动配置OpenCV(win7的64位系统,opencv版本是2.4.10)
  3. 弱网测试用什么农_为什么用木蜡油做的家具,用甲醛测试仪测试会显示甲醛超标?...
  4. ASP.NET Core 缓存技术 及 Nginx 缓存配置
  5. smartgwt_SmartGWT入门,提供出色的GWT界面
  6. tp mysql 去重
  7. Plugin [id: ‘com.github.kt3k.coveralls‘, version: ‘2.8.2‘] was not found in any of the following sou
  8. 2021年认证杯-数学建模
  9. axure8下拉表单_AXURE RP 8怎么设置下拉菜单? AXURE下拉菜单的制作方法
  10. win7共享文件服务器设置密码,Win7局域网共享文件夹添加密码保护文件安全的方法...
  11. 用Visio画软件(模块)功能图
  12. 没所谓移动开发寒冬,不过是大鱼吃小鱼
  13. 7-5 厘米换算英尺英寸
  14. ios-app杀死状态下响应推送
  15. 三角形的决策表优化问题
  16. mysql 中abs函数_Mysql常用函数
  17. linux高优先级打断低优先级,对Linux x86-64架构上硬中断的重新认识
  18. mysql中sql插入时间_mysql中使用sql语句插入日期时间类型的写法
  19. Armbian专题——Armbian系统安装
  20. Unity TimeLine和Spine动画不受timeScale时间影响的解决办法

热门文章

  1. 如何使用python找出CPU数量
  2. .on(#39;click#39;)与.click()之间的区别
  3. 为什么在C#中捕获并抛出异常?
  4. vue-i18n国际化实例
  5. 兔子--eclipse设置编码格式
  6. mongoDB的监控工具
  7. java常见错误--Access restriction: The type BASE64Encoder
  8. Ecshop显示商品销售数量
  9. .Net上下文Context  学习记录
  10. [zz]lxc使用tc+tbf限制网速