用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"
        },
}

 

转载于:https://www.cnblogs.com/bailongma123/p/8669840.html