背景:

主要是为了方便观看。

步骤:

1、在html页面中输入下面的标签,必须是在pre标签内输出格式才会生效:

<pre id="songReqJson"></pre>

2、js代码如下:

     var songResJson={"service": "ALL","qt": 581,"content": {"answer": {"song": "如果缘只到遇见","album": "如果缘只到遇见","artist": "吴奇隆 严艺丹","pic_url": "http://p1.music.126.net/-u3WgIXsFNCW7d8Jy7pCEA==/5921969627395387.jpg"},"scene": "music"}}//歌曲场景$("#songResJson").text(JSON.stringify(songResJson,null,2));

这里主要用到了JSON.stringify(songResJson,null,2)方法,

其中songResJson是在js中声明的json对象,2表示缩进两个空格。

其详细用法可查看:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify

还可以添加样式,参见:http://www.jianshu.com/p/04127d74d88c

在html中怎么格式化输出json字符串相关推荐

  1. linux命令下jq的用法(curl 格式化输出json 字符串)

    文章目录 一.什么是jq命令 1. jq安装 2. jq命令的格式 从json文件 对象数组中取出一组特定的属性的值 从json文件 对象数组中取出一组特定的属性的值,并排除null值 格式化输出js ...

  2. JAVA-Gson-格式化输出json字符串

    使用Gson格式化输出json字符串 POM <dependency><groupId>com.google.code.gson</groupId><arti ...

  3. jq输出文本_如何用 Linux 命令行工具解析和格式化输出 JSON | Linux 中国

    我们将使用 Linux 上的命令行工具解析并格式化打印 JSON.它对于在 shell 脚本中处理大型 JSON 数据或在 shell 脚本中处理 JSON 数据非常有用.-- Ostechnix J ...

  4. 【数据格式】Jackson 美化输出JSON,优雅的输出JSON数据,格式化输出JSON数据

    1.概述 转载:https://www.sojson.com/blog/245.html Jackson 格式化输出JSON 代码说明(对象) 我们一般输出就是普通的toString 输出.如下代码: ...

  5. python123格式化输出_python 字符串格式化输出 %d,%s及 format函数

    旧式格式化方式:%s,%d 1.顺序填入格式化内容 s = "hello %s, hello %d"%("world", 100) print(s) 结果: ' ...

  6. c语言中json格式化输出,JSON格式化输出

    JSON格式化输出 今天有个需求是对输出的JSON进行格式化 首先想到的就是jsBeautifier之类的小插件 搜索了一番看到有一位朋友回答JSON.stringify可以输出格式化的JSON字符串 ...

  7. linux服务器返回json,Linux 命令行工具解析和格式化输出 JSON的方法

    JSON 是一种轻量级且与语言无关的数据存储格式,易于与大多数编程语言集成,也易于人类理解 -- 当然,如果格式正确的话.JSON 这个词代表 J ava S cript O bject N otat ...

  8. python中格式化输出是什么意思_python中的格式化输出用法总结

    本文实例总结了python中的格式化输出用法.分享给大家供大家参考,具体如下: Python一共有两种格式化输出语法. 一种是类似于C语言printf的方式,称为 Formatting Express ...

  9. python pymysql 如何输出 json 字符串

    python pymysql 如何输出 json 字符串 刚入门 python,目前在写一个比较简单的功能,不知道其它框架有没有比较简单的将数据库数据输出 json 的方式,这里说一个自定义的 jso ...

最新文章

  1. python使用fpdf2包和pdfrw包在已有的PDF页面上添加新的页
  2. MS SQL数据库服务介绍
  3. python异常类型(Exception只是常规错误的基类)
  4. Docker中部署项目到容器
  5. iOS 获取当前对象所在的VC
  6. 【环境搭建003】UBUNTU + ECLIPS + ANDROID 嵌入式系统编译环境搭建遇到的稀奇古怪的问题集合
  7. python中对文件的操作_Python对文件操作知识
  8. 【KDD20】图神经网络在生物医药领域的应用
  9. PIX4D工作手册分享
  10. NGN学习笔记5——IMS技术
  11. 在Anylogic建立自己的智能体
  12. java输入输出流详解_Java输入输出流详解
  13. python xlwt库的详细函数介绍,xlwt
  14. c++中多重继承二义性产生以及二义性的消除方法
  15. VMWare安装苹果系统及相关问题处理
  16. OSCP靶场6-Stapler(用户收集、wordpress、SMB、mysql上传文件执行反弹shell、用户历史命令)
  17. 《牧羊少年奇幻之旅》读后感
  18. 学习Linux内核必读的五本书
  19. matlab上机实习报告,matlab上机实习报告.doc
  20. 数据结构C语言实现 勘误

热门文章

  1. 【AI实战】手把手教你深度学习文字识别(文字检测篇:基于MSER, CTPN, SegLink, EAST等方法)...
  2. 惠普笔记本无法调节亮度解决办法【成功解决记录贴】
  3. 企业如何通过CRM系统做好客户管理?
  4. java图书馆自习室找座占座位系统
  5. 软件构造|GRASP模式
  6. The MegaFace Benchmark-1 Million Faces for Recognition at Scale
  7. 关于冲正,需要知道的那点事
  8. 100集华为HCIE安全培训视频教材整理 | Agile Controller终端安全管理特性(六)
  9. 编写自己的Acunetix WVS漏洞扫描脚本详细教程
  10. mysql lucene 结合_Lucene基础(四)-- 结合数据库使用