背景:

主要是为了方便观看。

步骤:

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. PHP 通过随机数获得ASCII 值返回字符。
  2. 最大连续子矩阵和算法
  3. anaconda 怎么安装xlrd_Pyinstaller打包,文件太大了怎么办?
  4. 什么是 RedCap?一文详解!
  5. python科学编程入门书_Python数据科学零基础一本通
  6. Linux之grep命令详解
  7. 容器编排技术 -- kubeadm 实现细节
  8. python FastDFS
  9. Windows 怎么了?微软又停止一大版本更新
  10. 【每日算法Day 79】所有人都会做的入门题,但是能看出你的代码能力!
  11. u盘文件名乱码linux,科学网—u盘文件夹名称乱码,双击打开提示无法访问解决办法 - 芦红的博文...
  12. MSN账号被盗,成功找回记
  13. Android Studio连接MySQL:问题解决:虚拟机无法连接本地SQL,coon总为空
  14. 一种提升多分类准确性的Trick
  15. Java复习:确定给定日期是一年的第几天
  16. 数据库管理工具哪个好?强力推荐Navicat Premium 16 mac中文版
  17. java简单的正则表达式验证邮箱
  18. 运行日志Log文件c++实现
  19. [算法练习及思路-程序员面试金典(Java解法)]No61.峰与谷
  20. 微博移动端所获数据各字段的含义

热门文章

  1. 读书笔记——计网概述
  2. 已加载插件:fastestmirror Loading mirror speeds from cached hostfile * base: mirrors.163.com * extras: m
  3. 【生态环境保护】绿水青山就是金山银山——生态环保篇
  4. Data Analysis - Day9 - Numpy Functions
  5. 【杂篇 · 技巧】WebStorm页面窗口与显示bug
  6. 业界最全,阿里云混合云灾备服务上线!
  7. Android onClick 按钮单击事件 四种常用写法
  8. 免费svn服务器,百度云开发者教程
  9. 3.7 使用吸管和颜色取样器工具 [Ps教程]
  10. cdn加速以及前后分离SpringBoot+Vue 配置https及SSL证书