JQuery JsonView 是一款 JQuery 插件,可以將Json數據以可視化的形式呈現出來,幫助開發者更好的理解Json數據。它能夠格式化Json數據,高亮顯示關鍵字,支持折疊和展開Json內容等功能。
使用JQuery JsonView,只需要引入相關的JQuery和JsonView的JS文件,然后在頁面中對應的位置使用以下代碼即可:
$(selector).JSONView(jsonData);
其中,selector是選擇器,指定JsonView插件要呈現的位置,jsonData是要展示的Json數據。
除此之外,JQuery JsonView還提供了一些定制化的選項,可以根據需要進行配置,例如:
- collapsed:是否默認折疊所有Json內容
- recursive_collapased:是否向下遞歸折疊Json內容
- output_hidden:是否輸出隱藏的Json部分
- nl2br:是否將換行符轉換為<br>標簽
- quote_keys:是否引用Json鍵
使用方式如下:
$(selector).JSONView(jsonData,{ collapsed: true, recursive_collapsed: false, output_hidden: true, nl2br: false, quote_keys: true });
通過自定義以上選項的不同取值,可以對JsonView插件進行個性化的配置,從而達到更好的可視化效果。
下一篇背景透明度css3