html怎样格式化json数据

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

 !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= /uploads/allimg/190430/141JA4Y-0.jpg /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

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

相关阅读：

HTML图片的img标签怎样使用

HTML里的name与id和class到底有什么不同

HTML5的WEB界面中meta实列详解

以上就是html怎样格式化json数据的详细内容，html教程

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。