html格式化json数据库,html怎样格式化json数据

这次给大家带来html怎样格式化json数据，html格式化json数据的注意事项有哪些，下面就是实战案例，一起来看一下。

废话不多说了，直接给大家贴代码了，具体代码如下所示：

JS Bin

var json = {"hey": "guy","anumber": 243,"anobject": {"whoa": "nuts","anarray": [1,2,"thr

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);

});

});

Collapse

Expand

Toggle

Toggle level1

Toggle level2

如demo所示，显示格式化的json

相信看了这些案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

相关阅读：