JSON查看jQuery插件:JSONView

jopen 9年前

jQuery JSONView 是一个以更加可读的格式查看 JSON 的插件。

var json = {"hey": "guy","anumber": 243,"anobject": {"whoa": "nuts","anarray": [1,2,"thr<h1>ee"], "more":"stuff"},"awesome": true,"bogus": false,"meaning": null, "japanese":"明日がある。", "link": "http://jsonview.com", "notLink": "http://jsonview.com is great"};    $(function() {    $("#json").JSONView(json);    // with options    $("#json-collasped").JSONView(json, { collapsed: true });  });

Options

jQuery JSONView can be configured using the following options.

  • collapsed- Collapse all nodes when rendering first time, default isfalse.
  • nl2br- Convert new line to<br>in String, default isfalse.
  • recursive_collapser- Collapse nodes recursively, default isfalse.

API

jQuery JSONView provide following methods to allow you control JSON nodes, all methods below accept a level argument to perform action on the specify node.

  • jQuery#JSONView('collapse', [level])- Collapse nodes.
  • jQuery#JSONView('expand', [level])- Expand nodes.
  • jQuery#JSONView('toggle', [level])- Toggle nodes.
JSON查看jQuery插件:JSONView

项目主页:http://www.open-open.com/lib/view/home/1436253760536