jQuery Json數據格式排版高亮插件json-viewer.js的使用


1.插件介紹:

jquery.json-viewer.js是一款查看json格式數據的jquery插件。它可以將混亂的json數據漂亮的方式展示在頁面中,並支持節點的伸展和收縮和語法高亮等功能。

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數據格式的數據

5).結果頁面:

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM