在html中怎么格式化输出json字符串
背景:
主要是为了方便观看。
步骤:
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字符串相关推荐
- linux命令下jq的用法(curl 格式化输出json 字符串)
文章目录 一.什么是jq命令 1. jq安装 2. jq命令的格式 从json文件 对象数组中取出一组特定的属性的值 从json文件 对象数组中取出一组特定的属性的值,并排除null值 格式化输出js ...
- JAVA-Gson-格式化输出json字符串
使用Gson格式化输出json字符串 POM <dependency><groupId>com.google.code.gson</groupId><arti ...
- 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 输出.如下代码: ...
- python123格式化输出_python 字符串格式化输出 %d,%s及 format函数
旧式格式化方式:%s,%d 1.顺序填入格式化内容 s = "hello %s, hello %d"%("world", 100) print(s) 结果: ' ...
- c语言中json格式化输出,JSON格式化输出
JSON格式化输出 今天有个需求是对输出的JSON进行格式化 首先想到的就是jsBeautifier之类的小插件 搜索了一番看到有一位朋友回答JSON.stringify可以输出格式化的JSON字符串 ...
- linux服务器返回json,Linux 命令行工具解析和格式化输出 JSON的方法
JSON 是一种轻量级且与语言无关的数据存储格式,易于与大多数编程语言集成,也易于人类理解 -- 当然,如果格式正确的话.JSON 这个词代表 J ava S cript O bject N otat ...
- python中格式化输出是什么意思_python中的格式化输出用法总结
本文实例总结了python中的格式化输出用法.分享给大家供大家参考,具体如下: Python一共有两种格式化输出语法. 一种是类似于C语言printf的方式,称为 Formatting Express ...
- python pymysql 如何输出 json 字符串
python pymysql 如何输出 json 字符串 刚入门 python,目前在写一个比较简单的功能,不知道其它框架有没有比较简单的将数据库数据输出 json 的方式,这里说一个自定义的 jso ...
最新文章
- PHP 通过随机数获得ASCII 值返回字符。
- 最大连续子矩阵和算法
- anaconda 怎么安装xlrd_Pyinstaller打包,文件太大了怎么办?
- 什么是 RedCap?一文详解!
- python科学编程入门书_Python数据科学零基础一本通
- Linux之grep命令详解
- 容器编排技术 -- kubeadm 实现细节
- python FastDFS
- Windows 怎么了?微软又停止一大版本更新
- 【每日算法Day 79】所有人都会做的入门题,但是能看出你的代码能力!
- u盘文件名乱码linux,科学网—u盘文件夹名称乱码,双击打开提示无法访问解决办法 - 芦红的博文...
- MSN账号被盗,成功找回记
- Android Studio连接MySQL:问题解决:虚拟机无法连接本地SQL,coon总为空
- 一种提升多分类准确性的Trick
- Java复习:确定给定日期是一年的第几天
- 数据库管理工具哪个好?强力推荐Navicat Premium 16 mac中文版
- java简单的正则表达式验证邮箱
- 运行日志Log文件c++实现
- [算法练习及思路-程序员面试金典(Java解法)]No61.峰与谷
- 微博移动端所获数据各字段的含义
热门文章
- 读书笔记——计网概述
- 已加载插件:fastestmirror Loading mirror speeds from cached hostfile * base: mirrors.163.com * extras: m
- 【生态环境保护】绿水青山就是金山银山——生态环保篇
- Data Analysis - Day9 - Numpy Functions
- 【杂篇 · 技巧】WebStorm页面窗口与显示bug
- 业界最全,阿里云混合云灾备服务上线!
- Android onClick 按钮单击事件 四种常用写法
- 免费svn服务器,百度云开发者教程
- 3.7 使用吸管和颜色取样器工具 [Ps教程]
- cdn加速以及前后分离SpringBoot+Vue 配置https及SSL证书