CodeMirror显示格式化json

需求

后台数据是SpringMVC传递过来的JSON数据，前台是一个代码编辑器CodeMirror。要把后台传递的json数据格式化后显示在代码编辑器中。

解决办法

把后台传递的json对象使用js方法JSON.stringify()转为字符串
使用JSON.parse()把json字符串转为Javascript对象
再使用JSON.stringify()得到格式化后的json字符串
然后把第三步的结果插入的代码编辑器即可。

var jsonData = JSON.stringify(data);//data是请求的后台数据
var result = JSON.stringify(JSON.parse(jsonData),null,4));//格式化后的json字符串形式

CodeMirror显示格式化json相关推荐

codemirror格式化json数据格式
codemirror绑定json格式变成一行,需要格式化json 解决方案如下 this.jobJson = JSON.stringify(JSON.parse(res.data),null,'\t' ...
Java在线格式化JSON，美化显示
没有经过格式化的Json很难阅读,那一坨是什么东西??? 所以一系列的Json格式化.美化.高亮工具应运而生. 不过,最方便的.使用最多的还是那些在线工具. 推荐一个在线JSON格式化工具这个不但 ...
格式化json_在Spring Boot中格式化JSON日期
1.概述在本教程中,我们将展示如何在Spring Boot应用程序中格式化JSON日期字段. 我们将探讨使用Jackson格式化日期的各种方法,它被Spring Boot用作默认的JSON处理器. ...
jsonview浏览器插件查看格式化json数据
在开发过程中前端工程师经常会在浏览器输入接口来查看后台的数据,一般后台返回的是json 格式的数据,数据多了,浏览器显示的就是一堆,眼花缭乱,为了看清楚数据结构,我们通常采用的方法是去json在线解析 ...
Notepad++工具格式化Json文件格式
简介: Notepad++是常用的文件查看工具,在查看json的文件时,如果json文件的格式不符合正常的可视格式,那就需要格式化json文件,使之符合我们的可视化需求. 流程: 首先打开Notepa ...
页面显示格式化的时间、倒计时效果、学成在线案例（创建、添加节点）、学生信息表（重点）、5秒钟之后跳转页面（location.href应用）、学生信息表(页面刷新数据不丢失)（重点）——API练习案例
目录 1. 页面显示格式化的时间 2. 倒计时效果 3. 学成在线案例(创建节点.添加节点) 4.学生信息表案例(重点) 5. 5秒钟之后跳转页面(location.href的应用) 6. 学生信息表 ...
（资源免费）Sublime Text 3如何格式化json文本+格式化Sql语句
Sublime Text 3如何格式化json文本+格式化Sql语句下面由sublime教程栏目给大家介绍sublime text3格式化json,希望对需要的朋友有所帮助! 问题研讨当前后端对接 ...
Mac版sublime Text格式化json、压缩json
json是一种常见的传输数据格式,快速切换json格式可以有效提高我们的效率,避免不必要的时间消耗,下面介绍在sublime上快速实现格式化json以及压缩json的小技巧. 安装插件网络上搜了 ...
php自定义函数格式化,PHP自定义函数格式化json数据实例
这篇文章主要介绍了PHP自定义函数格式化json数据的方法,结合实例形式分析了php通过自定义函数进行字符串与数组的遍历.转换.计算等操作实现json数据格式化的功能,需要的朋友可以参考下具体如下: ...

CodeMirror显示格式化json

需求

解决办法

CodeMirror显示格式化json相关推荐

最新文章

热门文章