用JS使后台json數據以格式化形式展現在html頁面

html：

<pre id="dataBox">  
//必須是 pre 標簽；元素可定義預格式化的文本。被包圍在 pre 元素中的文本通常會保留空格和換行符。而文本也會呈現為等寬字體。
</pre>

js：

JSON.stringify(res, null, "\t"); // 縮進一個tab
JSON.stringify(res, null, 4);    // 縮進4個空格
$("#dataBox").text(JSON.stringify(res, null, 4));

展示結果：

{
    "total": 16,
    "pages": 2,
    "data": [
        {
            "UPLOAD_MAN": "龔曉利",
            "UPLOAD_DATE": "2018-04-18 11:47",
            "SEC_CHECK_USER_NAME": null,
            "USER_ID": "BF12",
            "USER_NAME": "企業名稱12",
            "UPLOAD_NAME": "2018年03月數據",
            "ROW_ID": 1,
            "ID": "01d584e01b174218aa51f86494d60d57",
            "FIR_CHECK_USER_NAME": null,
            "TOWN": "馬祖鎮",
            "STATUS": "0",
            "TYPE": "1"
        },
        {
            "UPLOAD_MAN": null,
            "UPLOAD_DATE": "2018-04-13 11:19",
            "SEC_CHECK_USER_NAME": null,
            "USER_ID": "92eb7c04ab4c450b8d0023a689fa49b0",
            "USER_NAME": "川恆生態科技有限公司",
            "UPLOAD_NAME": "2017年報數據",
            "ROW_ID": 2,
            "ID": "ac613ca8b3f74f0db8a41afedeab9a11",
            "FIR_CHECK_USER_NAME": null,
            "TOWN": "隱峰鎮",
            "STATUS": "0",
            "TYPE": "2"
        },
}