废话不多说了,直接给大家贴代码了,具体代码如下所示:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
|
<!DOCTYPE html> < html > < head > < meta charset = "utf-8" > < title >JS Bin</ title > < link rel = "stylesheet" href = "https://rawgithub.com/yesmeck/jquery-jsonview/master/dist/jquery.jsonview.css" /> < script type = "text/javascript" src = "https://rawgithub.com/yesmeck/jquery-jsonview/master/dist/jquery.jsonview.js" ></ script > < script type = "text/javascript" > var json = {"hey": "guy","anumber": 243,"anobject": {"whoa": "nuts","anarray": [1,2,"thr< h1 >ee"],"anotherarray": [1, 2], "more":"stuff"},"awesome": true,"bogus": false,"meaning": null, "japanese":"明日がある。", "link": "http://jsonview.com", "notLink": "http://jsonview.com is great"}; $(function() { $('#json').JSONView(json); $('#collapse-btn').on('click', function() { $('#json').JSONView('collapse'); }); $('#expand-btn').on('click', function() { $('#json').JSONView('expand'); }); $('#toggle-btn').on('click', function() { $('#json').JSONView('toggle'); }); $('#toggle-level1-btn').on('click', function() { $('#json').JSONView('toggle', 1); }); $('#toggle-level2-btn').on('click', function() { $('#json').JSONView('toggle', 2); }); }); </ script > </ head > < body > < br /> < button id = "collapse-btn" >Collapse</ button > < button id = "expand-btn" >Expand</ button > < button id = "toggle-btn" >Toggle</ button > < button id = "toggle-level1-btn" >Toggle level1</ button > < button id = "toggle-level2-btn" >Toggle level2</ button > < div id = "json" ></ div > </ body > </ html > |
如demo所示,显示格式化的json
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
暂无评论内容