json字符串在頁面上格式化展示；

代碼僅限於將json字符串轉格式化；

• 將json字符串格式化並展示在頁面上；
• 並且將文本框自動適應高低；

 

 效果圖就不上傳了自行體驗

 

上代碼：

/*必須引入的js*/
/*jquery也是需要的*/
<script type="text/javascript" src="http://tools.jb51.net/static/jsformat/jsbeautify.js"></script>
<script type="text/javascript">
    function do_js_beautify(returnDate) {
        if (returnDate.length == 0)
            return;
        var tabsize = 4;
        tabchar = ' ';
        if (tabsize == 1)
            tabchar = '\t';
        var fjs = js_beautify(returnDate, tabsize, tabchar);
        $("#returnsInfoSpanId").html(fjs);
        //調用文本域自適應
        autoTextAreaHeight($("#returnsInfoSpanId")[0])
    }

    //文本域自適應
    function autoTextAreaHeight(o) {
        o.style.height = 0;
        o.style.height = o.scrollTop + o.scrollHeight + 30 + "px";
    }
</script>

<!--HTML 頁面部分-->

<span>
     <textarea id="returnsInfoSpanId" style="width: 440px;padding:0px;" readonly>
     </textarea>
</span>

 

json串可以是后台返回的 也可以是自己復制進去的都一樣 具體怎么使用可靈活修改；

　　很簡單，告辭；