json数据的格式化展示

1. 引用jquery，并且需求版本要在1.7.2以上

<script src="${basePath}/public/plugins/jquery-notific8/jquery.notific8.min.js" type="text/javascript"></script>

2. 引用jsonFormater的css以及JS文件，放入用来展开和收缩的图片

<script src="${basePath}/public/plugins/jsonFormater/jsonFormater.js" type="text/javascript"></script>
<script src="${basePath}/public/plugins/jsonFormater/jsonFormater.js" type="text/javascript"></script>

3. 页面中HTML、css、js的编写

<textarea id="jsonContent"></textarea>
<button type="button" onClick="showJson()">格式化Json</button>
<div id="container"></div>

<script>
function showJson(){
var options = {
dom: '#container' //对应容器的css选择器
};
var jf = new JsonFormater(options); //创建对象
jf.doFormat($("#jsonContent").val()); //格式化json
};
</script>