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.