javascript的json比对插件

最新推荐文章于 2024-09-13 21:40:31 发布

黑暗行动

最新推荐文章于 2024-09-13 21:40:31 发布

阅读量5.1k

点赞数 1

分类专栏： Javascript 文章标签： json比对 json格式

本文链接：https://blog.csdn.net/chy2z/article/details/88757139

版权

Javascript 专栏收录该内容

34 篇文章

订阅专栏

介绍一款用于JSON格式检测及比对的JavaScript插件，支持三种显示模式：默认模式、拆分模式和比对模式，方便开发者进行JSON数据的对比与验证。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在 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 composite
    var 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 composite
    var 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 composite
    var 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