首页
学习
活动
专区
圈层
工具
发布

JSON格式化

今天在测试接口的时候,使用原生js的XMLHttpRequest去请求,直接使用document….innerHTML输出到页面,因为没有浏览器的json格式化没有生效,所以接口响应的json数据就看起来很不舒服...从某平台的json格式化服务截取 可以发现在“{, [”的后面都会有一个换行,每个键值对的后面都有一个换行,在符号“], 和 }, ”的后面都会有一个换行。...而且格式化后的JSON是有“结构区块”的,从缩进来区分不同的结构块,这一点有点像python,不过这有点牵强,格式化这样做的目的是为了能够很清晰的查看JSON的结构,与python的目的是有本质的区别的...-- 这里在页面放一个pre标签,让输入的结构按照我们需要的形式展现 --> json"> 假设我有一个jsonStr,我想要格式化它。...效果还行 到这里就初步完成了一个还算能入眼的基础JSON格式化小方法。后续再加个闪电爆炸的特效,下次再分享~

4.9K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    jQuery格式化显示json数据

    展示数据时,默认直接展开json 格式化好的数据,方便其他开发人员调用。 但是jq22.com 提供的插件,有一个textarea输入框,我需要把它给去掉。...默认json格式化的数据中,key是没有带双引号的,我需要默认勾选它,因此要修改js代码。 二、修改插件代码 基于上面的2点需求,下载jq22.com 提供的插件后,解压代码。...">     $(function () {         // json数据         var json = ...type": "Chocolate"},                 {"id": 5004, "type": "Maple"}             ]         };         //格式化...json         try {             var input = eval('(' + JSON.stringify(json) + ')');         } catch (error

    8.4K30

    开发了一个json格式化工具,使用js格式化json的代码分享

    今天给大家介绍一下如何通过js来格式化json。...假设json字符串是:{"name":"刘德华","age":25.2,"birthday":"1990-01-01"}我们使用的是Js的JSON方法先把json字符串转为json对象,方法如下:var...(jsonString) //把json字符串转为json对象这样我们就把json字符串转为json对象了然后,我们再把json对象转为json字符串,这样,就可以实现json格式化了JSON.stringify...里面的4指的是代码缩进量,你也可以设置为2或者1等等这样就单间的实现了json格式化功能demo预览写了一个小demo,可以试用。...json格式化json格式化原理JSON 可以将程序语言对象中表示的一组数据转换为字符串,然后就可以在网络或者程序之间轻松地传递这个字符串,并在需要的时候将它还原为各编程语言所支持的数据格式,例如在 PHP

    2.1K00

    好用的json格式化工具

    基于Node.js 20 + ElementUI 打造,兼顾交互,是开发 / 调试中处理 JSON 的高效工具访问地址: https://floweroda.github.io/json_view/ JSONPath...JSONPath 路径”“复制节点值”“复制为jsonpath路径”,方便直接粘贴到代码中使用; 节点精细化操作 • 节点删除 / 隐藏:针对冗余节点(如调试日志、无用元数据),可右键单个节点删除,删除后实时刷新 JSON...结构,自动修复语法完整性 • 节点折叠 / 展开:支持 “全部折叠 / 全部展开”“按层级展开(如只展开前 3 层)”,针对深度嵌套的 JSON(如接口返回的复杂实体数据),可快速定位核心节点,避免界面冗余...显示优化(适配复杂 JSON 场景) • 超长字段智能截断:针对超长字符串(如 base64 图片、大段文本)的字段替换为......如果想要私有部署 请安装python3.8+ 新建front文件夹,然后将index.html和assets目录都移动到front,再启动python脚本即可 #Json格式化 #json

    23500
    领券