废话不多说了,直接给大家贴代码了,具体代码如下所示:
<!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="http://code.jquery.com/jquery.min.js"></script> <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
以上所述是小编给大家介绍的html格式化json的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
暂无评论...
稳了!魔兽国服回归的3条重磅消息!官宣时间再确认!
昨天有一位朋友在大神群里分享,自己亚服账号被封号之后居然弹出了国服的封号信息对话框。
这里面让他访问的是一个国服的战网网址,com.cn和后面的zh都非常明白地表明这就是国服战网。
而他在复制这个网址并且进行登录之后,确实是网易的网址,也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情,因为以前都没有出现这样的情况,现在突然提示跳转到国服战网的网址,是不是说明了简体中文客户端已经开始进行更新了呢?
更新日志
2024年05月21日
2024年05月21日
- 动视暴雪新工作室详情:75%员工是前CDPR开发人员
- PC玩家初玩《对马岛之魂》 被开场惊艳到说不出话
- 阮兆祥.1989-我心深处【乐意】【WAV+CUE】
- 巫奇.1996-你怎么没看见【滚石】【WAV+CUE】
- 李之勤.2024-时光。美好-记忆中的一首歌(EP)【CshaMusic】【FLAC分轨】
- 原画壁纸及美图第225期,无水印可自取
- 早柚邀约任务怎么做?全结局达成攻略分享
- 久岐忍邀约任务怎么做?全结局攻略分享
- 阴阳师铃彦姬点水青绿怎么获得 新皮肤介绍
- 星际52区维格努斯怎么样 角色技能效果介绍
- 破碎之地协助作战怎么玩 组队模式玩法攻略
- 出发吧麦芬艾特拉之心试炼怎么过 艾特拉之心阵容打法攻略
- dnf打桩怎么设置
- dnf扭曲的次元晶体怎么获得
- 教你如何在地面上开启音爆 动图 一看手法就是惯犯了