帮酷LOGO
  • 显示原文与译文双语对照的内容
文章标签:数据  disp  plugin  jquery-plugin  
jQuery plugin for displaying JSON data

  • 源代码名称:jquery.json-viewer
  • 源代码网址:http://www.github.com/abodelot/jquery.json-viewer
  • jquery.json-viewer源代码文档
  • jquery.json-viewer源代码下载
  • Git URL:
    git://www.github.com/abodelot/jquery.json-viewer.git
  • Git Clone代码到本地:
    git clone http://www.github.com/abodelot/jquery.json-viewer
  • Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/abodelot/jquery.json-viewer
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
  • jQuery浏览器

    JSON浏览器是一个jQuery插件,它可以通过将JSON对象转化为HTML来轻松显示JSON对象。

    功能:

    • 语法高亮显示
    • 在单击时折叠和展开子节点
    • 可以点击链接
    • 易于阅读和最小的DOM结构

    请查看演示页面。

    用法

    在应用程序中导入 jquery.json-viewer.jsjquery.json-viewer.css

    然后调用 jsonViewer() 方法并将JSON数据传递给参数:

    <preid="json-renderer"></pre>
    var data = {
     "foobar":"foobaz"};$('#json-renderer').jsonViewer(data);

    命令行选项

    jsonViewer 方法接受可选的options 哈希作为第二个参数:

    • collapsed ( 布尔值,默认值:false ): 所有节点在html生成时都会折叠。
    • withQuotes ( 布尔值,默认值:false ): 所有JSON键都用双引号( 。{"foobar": 1} 而不是 {foobar: 1} ) 括起来。

    例如:

    $('#json-renderer').jsonViewer(data, {collapsed:true, withQuotes:true});



    文章标签:数据  plugin  disp  jquery-plugin  

    Copyright © 2011 HelpLib All rights reserved.    知识分享协议 京ICP备05059198号-3  |  如果智培  |  酷兔英语