jsp网站开发引用文献,网站建设的发展前景,他达那非片能延时多久,wordpress分类高亮本文实例为大家分享了jQuery插件jsonview展示json数据的具体代码#xff0c;供大家参考#xff0c;具体内容如下项目中要展示json数据#xff0c;自己写一套html来展示太麻烦#xff0c;可以使用jquery的插件jsonview来解决这个问题。首先#xff0c;去jquery官网下载最新…本文实例为大家分享了jQuery插件jsonview展示json数据的具体代码供大家参考具体内容如下项目中要展示json数据自己写一套html来展示太麻烦可以使用jquery的插件jsonview来解决这个问题。首先去jquery官网下载最新的jsonview插件放在js目录中下载地址。其次在html中加入以下代码JSON数据折叠展开保存然后在js中增加js控制方法var raw_json $(#json_data).val();var json JSON.parse(raw_json);$(function() {$(#json).JSONView(json);$(#json-collapsed).JSONView(json, {collapsed: true, nl2br: true});$(#collapse-btn).on(click, function() {$(#json).JSONView(collapse);});$(#expand-btn).on(click, function() {$(#json).JSONView(expand);});});可以自动解析json给其加入html样式并且jquery.jsonview.js也是使用jquery写的插件工具可以根据自己需求修改。最终结果展示如下以上就是本文的全部内容希望对大家的学习有所帮助也希望大家多多支持脚本之家。
