<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>Document</title> <script src="//cdnjs.cloudflare.com/ajax/libs/json3/3.3.2/json3.min.js"></script> </head> <body> <pre id="pre"> </pre> <pre id="pre2"> </pre> </body> <script type="text/javascript"> <!-- /** json在线格式化方法1 **/ function getFormatJsonStrFromString(jsonStr){ var res=""; for(var i=0,j=0,k=0,ii,ele;i<jsonStr.length;i++) {//k:缩进,j:""个数 ele=jsonStr.charAt(i); if(j%2==0&&ele=="}") { k--; for(ii=0;ii<k;ii++) ele=" "+ele; ele="\n"+ele; } else if(j%2==0&&ele=="{") { ele+="\n"; k++; for(ii=0;ii<k;ii++) ele+=" "; } else if(j%2==0&&ele==",") { ele+="\n"; for(ii=0;ii<k;ii++) ele+=" "; } else if(ele=="\"") j++; res+=ele; } return res; } /** json在线格式化方法2 **/ function jsonformat(txt,compress/*是否为压缩模式*/){/* 格式化JSON源码(对象转换为JSON文本) */ var indentChar = ' '; if(/^\s*$/.test(txt)){ alert('数据为空,无法格式化! '); return; } try{ var data= null; if(typeof txt == 'object'){ data = txt; }else{ data=eval('('+txt+')');} } catch(e){ alert('数据源语法错误,格式化失败! 错误信息: '+e.description,'err'); return; }; var draw=[],last=false,This=this,line=compress?'':'\n',nodeCount=0,maxDepth=0; var notify=function(name,value,isLast,indent/*缩进*/,formObj){ nodeCount++;/*节点计数*/ for (var i=0,tab='';i<indent;i++ )tab+=indentChar;/* 缩进HTML */ tab=compress?'':tab;/*压缩模式忽略缩进*/ maxDepth=++indent;/*缩进递增并记录*/ if(value&&value.constructor==Array){/*处理数组*/ draw.push(tab+(formObj?('"'+name+'":'):'')+'['+line);/*缩进'[' 然后换行*/ for (var i=0;i<value.length;i++) notify(i,value[i],i==value.length-1,indent,false); draw.push(tab+']'+(isLast?line:(','+line)));/*缩进']'换行,若非尾元素则添加逗号*/ }else if(value&&typeof value=='object'){/*处理对象*/ draw.push(tab+(formObj?('"'+name+'":'):'')+'{'+line);/*缩进'{' 然后换行*/ var len=0,i=0; for(var key in value)len++; for(var key in value)notify(key,value[key],++i==len,indent,true); draw.push(tab+'}'+(isLast?line:(','+line)));/*缩进'}'换行,若非尾元素则添加逗号*/ }else{ if(typeof value=='string')value='"'+value+'"'; draw.push(tab+(formObj?('"'+name+'":'):'')+value+(isLast?'':',')+line); }; }; var isLast=true,indent=0; notify('',data,isLast,indent,false); return draw.join(''); } var abcJSON = {name:"name",age:12} abc = JSON.stringify(abcJSON); document.getElementById("pre").innerHTML= getFormatJsonStrFromString(abc); document.getElementById("pre2").innerHTML= jsonformat(abcJSON,false); //--> </script> </html>
相关推荐
前端展示json数据,格式化,可折叠展开
json viewer中文版支持JSON字符串查看和格式化,将功能合二为一,使用起来非常的方便,以前觉得json可读性差的朋友可以下载这个工具试一试。...4、JSON Viewer支持插件允许您自定义的方式显示JSON对象。
data - JSON对象的字符串表示来负载 特性 data -获取/设置JSON对象 方法 filter (regexOrPath: RegExp|string) => void | 只保留符合给定条件的节点 resetFilter () => void | 清除筛选 expand (regexOrPath: RegExp...
一、 问题 最近开发中使用BigDecimal这个数据类型 返回json数据时出现了点问题: # 1.前端第一次保存的时候 穿过来的数据格式 ...由上面的一系列分析可知:要想解决这个根源在于返回json数据的时候需要将数据格式化
主要介绍了JS对象序列化成json数据和json数据转化为JS对象的代码,需要的朋友可以参考下
将json对象或者json字符串格式化方便在网页上限制 var formatJson = function(json, options) { var reg = null, formatted = '', pad = 0, PADDING = ''; //one can also use '\t' or a different number of ...
文档被格式化,突出显示,并且数组和对象可以折叠。 即使JSON文档包含错误,JSONView仍会显示原始文本。 安装JSONView后,请查看以查看扩展的实际作用! 如果您想贡献JSONView但又不想编码,请考虑贡献翻译。 从...
其实JSON.stringify本身就可以将JSON格式化,具体的用法是: JSON.stringify(res, null, 2); //res是要JSON化的对象,2是spacing 如果想要效果更好看,还要加上格式化的代码和样式: js代码: function ...
因为我想使用简单的搜索查询来获取解析和格式化的数据。 因为 json 很漂亮。 要使用这个插件,你应该 小心点,因为它不是发行版或类似的东西 了解 json 的工作原理 了解 ajax 的工作原理 想用 ajax 创建一些不错...
消息包MessagePack是一种有效的二进制序列化格式。 就像JSON。 但又快又小。 该存储库管理MessagePack格式的规范。 有关,请参见。 实施项目都有各自的存储库。 请访问网站以查找实现及其文档。 如果您想在网站上...
为此,您可以构造一个JSON对象,该对象描述列表视图中包含字段时显示的元素以及要应用于这些元素的样式。 这是一个开放源代码存储库,可在社区之间共享不同类型的格式化json文件。 检查或文件夹中当前可用的内容。...
1.4 渲染并展示三维对象 1.5 添加材质、灯光和阴影 1.6 用动画扩展你的首个场景 1.7 使用dat.GUI库简化试验 1.8 使用ASCII效果 1.9 总结 第2章 使用构建Three.js场景的基本组件 2.1 创建场景 2.2 使用几何...
js/helper.js :包含格式化简历和构建地图所需的帮助程序代码。 它还具有一些用于附加功能的函数外壳。 更多关于 helper.js 的内容。 js/resumeBuilder.js :这个文件是空的。 你应该在这里写你的代码。 js/...
- 使用convert对象的save方法储存Labelme可打开的json文件。 4.手动修正 使用Labelme打开输出的json文件并且手动修正。 【备注】 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载...
使用data()方法在元素上存取移JSON格式的数据 解决jQuery库先于其他库导入时变量“$”的使用权 解决jQuery库后于其他库导入时变量“$”的使用权 使用子查询优化选择器性能 减少对DOM元素直接操作 DOM对象与...
Silverlight2.0功能展示Demo源码 1、Silverlight(3) - 2.0控件之Border, Button, Calendar, Canvas, CheckBox, ComboBox 介绍 Silverlight 2.0 控件一览:Border, Button, Calendar, Canvas, CheckBox, ComboBox 2...
这些数据用户可以根据业务要求随意边际,并且用json文件进行结构化,层次化展示,非常的清晰。其中的测试数据包括全局变量值、被测函数调用时的参数值。 优点: 1. 可以为任意复杂参数结构C语言开发的系统全...
这些数据用户可以根据业务要求随意边际,并且用json文件进行结构化,层次化展示,非常的清晰。其中的测试数据包括全局变量值、被测函数调用时的参数值。 优点: 1. 可以为任意复杂参数结构C语言开发的系统全自动生成...
✰ 自动识别存储的JSON格式的数据,并且能够通过Dump JSON按钮将JSON对象输出到控制台; ✰ 可以在一个独立的弹出窗口中操作,方便并行调试; ✰ 可用存储空间提示,可视化的展示在当前域下Local Storage的数据量...