jQuery Json數(shù)據(jù)格式排版高亮插件json-viewer.js使用方法詳解
更新時間:2017年06月12日 08:35:28 作者:gz_blog
這篇文章主要為大家詳細介紹了jQuery Json數(shù)據(jù)格式排版高亮插件json-viewer.js的使用方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
jQuery Json數(shù)據(jù)格式排版高亮插件json-viewer.js使用方法詳解
1.插件介紹:
jquery.json-viewer.js是一款查看json格式數(shù)據(jù)的jquery插件。它可以將混亂的json數(shù)據(jù)漂亮的方式展示在頁面中,并支持節(jié)點的伸展和收縮和語法高亮等功能。
2.代碼演示:
1).首先引入jquery和json.viewer.js插件
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script> <script src="js/jquery.json-viewer.js"></script>
2).html代碼:
3).js代碼:
4).在textarea文本域輸入框中輸入json數(shù)據(jù)格式的數(shù)據(jù)
5).結果頁面:
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
jQuery.ajax 跨域請求webapi設置headers的解決方案
需要通過服務器端設置響應頭、正確響應options請求,正確設置 JavaScript端需要設置的headers信息方能實現(xiàn),本文介紹的非常詳細,具有參考借鑒價值,需要的朋友可以參考下2016-08-08