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

 更新时间:2017年06月12日 08:35:28   作者:gz_blog  
这篇文章主要为大家详细介绍了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).结果页面:

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

相关文章

  • jQuery.ajax 跨域请求webapi设置headers的解决方案

    jQuery.ajax 跨域请求webapi设置headers的解决方案

    需要通过服务器端设置响应头、正确响应options请求,正确设置 JavaScript端需要设置的headers信息方能实现,本文介绍的非常详细,具有参考借鉴价值,需要的朋友可以参考下
    2016-08-08
  • 使用jQuery清空file文件域的解决方案

    使用jQuery清空file文件域的解决方案

    对一个文件域(input type=file)使用了验证后,我们总会希望把文件域中的值给清空了,在IE中,由于安全设置的原因,是不允许更改文件域的值的,接下来为大家介绍一下解决方法
    2013-04-04
  • jQuery实现无限往下滚动效果代码

    jQuery实现无限往下滚动效果代码

    这篇文章主要介绍了jQuery实现无限往下滚动效果代码,涉及jQuery基于ajax交互操作数据库数据及页面元素动态变换的相关技巧,需要的朋友可以参考下
    2016-04-04
  • jQuery学习笔记之入门

    jQuery学习笔记之入门

    本文主要对jQuery的基础知识进行介绍,非常适合刚开始接触JQuery学习的朋友们,下面就跟小编一起来看下吧
    2016-12-12
  • Jquery操作DOM元素方法详解

    Jquery操作DOM元素方法详解

    本文详细讲解了Jquery操作DOM元素的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-05-05
  • jquery事件与绑定事件

    jquery事件与绑定事件

    本文主要介绍了jquery事件与绑定事件的相关知识,具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • 基于Jquery的文字自动截取(提供源代码)

    基于Jquery的文字自动截取(提供源代码)

    计划总是赶不上变化,这篇插件开发的文章本应在上周完成,由于手头的项目实在紧张,只好让路吧,嘿嘿。今天将跟大家一起完成这个插件的开发流程。
    2011-08-08
  • jquery插件 autoComboBox 下拉框

    jquery插件 autoComboBox 下拉框

    大家在做省市区下拉框联动,或者是产品分类联动,或者是部门联动等下拉框时怎么做? 是用ajaxpro.dll 还是jquery ajax呢
    2010-12-12
  • jQuery插件dataTables添加序号列的方法

    jQuery插件dataTables添加序号列的方法

    这篇文章主要介绍了jQuery插件dataTables添加序号列的方法的相关资料,需要的朋友可以参考下
    2016-07-07
  • JQuery入门基础小实例(1)

    JQuery入门基础小实例(1)

    这篇文章主要讲述了一个JQuery入门基础小实例,实现的过程效果都很简单,特别适合初学者来学习,感兴趣的小伙伴们可以参考一下
    2015-09-09

最新评论