本文实例为大家分享了框架插件jsonview展示数据数据的具体代码，供大家参考，具体内容如下

项目中要展示数据数据，自己写一套超文本标记语言来展示太麻烦，可以使用框架的插件jsonview来解决这个问题。

首先，去框架官网下载最新的jsonview插件，放在射流研究…目录中，下载地址。

其次，在超文本标记语言中加入以下代码：

div class=' col-LG-6 ' section class=' panel ' style=' height :600 px ' header class=' panel-heading ' JSON数据/header div class=' panel-body ' style=' height :580 px；溢出：自动'输入类型='隐藏'名称=' JSON _ data ' id=' JSON _ data '值=' { { JSON _ data } } '/按钮id='折叠-BTN '折叠/button button id='expand-btn '展开/button button id='save-btn '保存/button div id=' JSON '/div/div/section/div然后，在射流研究…中增加射流研究…控制方法：

脚本类型=' text/JavaScript ' var raw _ JSON=$(' # JSON _ data ').val()；var JSON=JSON。解析(raw _ JSON)；$(function(){ $(“# JSON”)).JSONView(JSON)；$('#json-collapsed ').JSONView(json，{collapsed: true，nl2br : true })；$('#collapse-btn ').on('click '，function() { $('#json ')).JSONView(')折叠');});$('#expand-btn ').on('click '，function() { $('#json ')).JSONView(' expand ')；});});/script可以自动解析数据给其加入超文本标记语言样式，并且jquery.jsonview.js也是使用框架写的插件工具，可以根据自己需求修改。最终结果展示如下：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。