javascript的json比对插件

在 http://www.ecjson.com/jsondiff 看到1款js的json比对插件，觉得挺好就拔了下来，仅供大家学习使用

优点： json格式检测，高亮显示，json比对

3种显示模式

默认模式

<script>
$(function () {var JSON_PARAM = utils._getURLParameter('json');// this needs to be in a compositevar jsonComposite=new JSONComposite({el        : $('#json-composite-placeholder'),json   : JSON_PARAM});   jsonComposite.primaryValidator.json='{"name":"11111","email": "chy2z@163.com","age":}';jsonComposite.primaryValidator._checkForJSON();
});
</script>

拆分模式

<script>
$(function () {var JSON_PARAM = utils._getURLParameter('json');// this needs to be in a compositevar jsonComposite=new JSONComposite({el        : $('#json-composite-placeholder'),json   : JSON_PARAM});jsonComposite.primaryValidator._appendResult('{"name":"11111"}');jsonComposite.secondaryValidator._appendResult('{"name":"22222"}');jsonComposite.enterSplitMode();
});
</script>

比对模式

<script>
$(function () {var JSON_PARAM = utils._getURLParameter('json');// this needs to be in a compositevar jsonComposite=new JSONComposite({el        : $('#json-composite-placeholder'),json   : JSON_PARAM});jsonComposite.primaryValidator._appendResult('{"name":"11111","age":21}');jsonComposite.secondaryValidator._appendResult('{"name":"22222"}');jsonComposite.enterSplitMode();//进入diff模式前，需要SplitMode验证json格式jsonComposite.enterDiffMode();
});
</script>

代码下载：

https://download.csdn.net/download/chy2z/11051735

javascript的json比对插件相关推荐

json 来实现 php 与 javascript,用 Json 来实现 PHP 与 JavaScript 间数据交换
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式. 简而论之,不管是xml还是json都是为了方便在客户端与服务器端交互数据的中转站,特别是用于对象型数据, ...
html5展示json数据库,显示数据在html5从数据库使用javascript和json
我想从MySQL数据库显示在html中的列表.要从MySQL获取数据我使用json和javascript.但它什么也没有显示!显示数据在html5从数据库使用javascript和json 我的HTM ...
JavaScript对Json的增删改属性
<script type="text/javascript">var json = {"age":24,"name":" ...
JavaScript解析Json字符串
JavaScript可以解析服务器接口返回的json字符串(一般用于Ajax),而不需要json的额外支持. 在JavaScript中可以通过eval()方法将一个json字符串解析成一个JavaSc ...
php用json交换二维数组,PHP和Javascript的JSON交互（处理一个二维数组）
我不得不承认:我是一个彻彻底底的JS白痴.但根据项目需要,不得不使用JSON,不管怎么说,经过一个晚上的学习,已经略有所成,记录下来. PHP的JSON类库我使用的是Services_JSON,没什么 ...
JSON数据格式----- JavaScript与JSON、JavaScript的JSON对象、构建JSON格式数据
JavaScript与JSON JSON是一种语法,用来序列化对象.数组等的.它只是基于JavaScript语法 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zWMc ...
php使用 js格式解析,JavaScript解析JSON格式数据的方法示例
本文实例讲述了JavaScript解析JSON格式数据的方法.分享给大家供大家参考,具体如下: 1.使用JavaScript提供的eval()函数function JsonText1() { var ...
对JavaScript解析JSON格式数据的理解
对JavaScript解析JSON格式数据的理解一.JSON与JavaScript对象的关系 1,JSON的由来: 在21世纪初,Douglas Crockford(Web开发领域最知名的技术权威之 ...
JavaScript对JSON数组操作。数组添加（push）以及移除（splitce）
这里写一个小栗子提供给大家学习和纪录. js声明数组以及向数组中添加as移除json数据 JavaScript声明JSON数组的方法: //部分条件,在数据渲上数据要求是数组格式而非json数组格 ...

javascript的json比对插件

javascript的json比对插件相关推荐

最新文章

热门文章