jQuery Json数据格式排版高亮插件json-viewer.js使用方法详解

发布时间:2020-10-15 发布网站:脚本之家
前端之家收集整理的这篇文章主要介绍了jQuery Json数据格式排版高亮插件json-viewer.js使用方法详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

jQuery Json数据格式排版高亮插件json-viewer.js使用方法详解

1.插件介绍:

jquery.json-viewer.js是一款查看json格式数据的jquery插件。它可以将混乱的json数据漂亮的方式展示在页面中,并支持节点的伸展和收缩和语法高亮等功能。

2.代码演示:

1).首先引入jquery和json.viewer.js插件

<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="js/jquery.json-viewer.js"></script>

2).html代码:

3).js代码:

4).在textarea文本域输入框中输入json数据格式的数据

5).结果页面:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持前端之家(f2er.com)。

总结


以上是前端之家为你收集整理的jQuery Json数据格式排版高亮插件json-viewer.js使用方法详解全部内容,希望文章能够帮你解决jQuery Json数据格式排版高亮插件json-viewer.js使用方法详解所遇到的程序开发问题。

如果觉得前端之家网站内容还不错,欢迎将前端之家网站推荐给前端开发程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。