php json格式化html代码,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

【相关推荐】