在html中怎么格式化輸出json字符串

#今天的項目用到，看俊哥找到，特此記錄下來

步驟：

1、在html頁面中輸入下面的標簽，必須是在pre標簽內輸出格式才會生效：

 

<pre id="songReqJson"></pre>  

 

2、js代碼如下：

 

var songResJson={  
02.          "service": "ALL",  
03.          "qt": 581,  
04.          "content": {  
05.            "answer": {  
06.              "song": "如果緣只到遇見",  
07.              "album": "如果緣只到遇見",  
08.              "artist": "吳奇隆 嚴藝丹",  
09.              "pic_url": "http://p1.music.126.net/-u3WgIXsFNCW7d8Jy7pCEA==/5921969627395387.jpg"  
10.            },  
11.            "scene": "music"  
12.          }  
13.        }  
14.//歌曲場景  
15.$("#songResJson").text(JSON.stringify(songResJson,null,2));  

這里主要用到了JSON.stringify(songResJson,null,2)方法，

 

其中songResJson是在js中聲明的json對象，2表示縮進兩個空格。

其詳細用法可查看：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify

還可以添加樣式，參見：http://www.jianshu.com/p/04127d74d88c

來源：http://blog.csdn.net/zhengxiangwen/article/details/68927330