相思资源网 Design By www.200059.com

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

1.插件介绍:

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

2.代码演示:

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

<script src="/UploadFiles/2021-04-02/jquery-1.10.2.js">

2).html代码:

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

3).js代码:

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

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

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

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

5).结果页面:

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

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

标签:
jQuery,Json,高亮,json,viewer.js

相思资源网 Design By www.200059.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
相思资源网 Design By www.200059.com

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

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