JSON.parse和JSON.stringify

Question

我试图从API调用到输出的响应，以便使用换行符等格式化它。我尝试了解析和字符串化，仍然只将输出作为一行。 var HttpClient = function（）{ this.get = function（url，callback）{     var anHttpRequest = new XMLHttpRequest（）;     anHttpRequest.onreadystatechange = function（）{         if（anHttpRequest.readyState == 4＆amp;＆amp; anHttpRequest.status == 200）             回调（anHttpRequest.responseText）;     }     anHttpRequest.open（＆＃34; GET＆＃34;，url，true）;     anHttpRequest.send（null）;    } } var client = new HttpClient（）; client.get（＆＃34; HTTPS：//api.opendota.com/api/players/26202535/matches极限= 1＆＃34 ;,？ function（response）{ JSON.parse（响应）; 的console.log（响应）; 的document.getElementById（＆＃34;演示＆＃34）。innerHTML的响应=; }）; 输出： [{＆＃34; match_id＆＃34;：3469695808，＆＃34; player_slot＆＃34;：3，＆＃34; radiant_win＆＃34;：真，＆＃34;持续时间＆＃34;：1237，＆＃34; game_mode＆＃34;：22，＆＃34; lobby_type＆＃34;：7，＆＃34; hero_id＆＃34;：13，＆＃34; START_TIME＆＃34;：1506540​​251，＆＃34;版本＆＃34;：20 ＆＃34;杀死＆＃34;：11，＆＃34;死亡＆＃34;：2＆＃34;协助＆＃34;：12，＆＃34;技术人员＆＃34;：3，＆＃34; leaver_status＆ ＃34;：0，＆＃34; party_size＆＃34;：1}]

Answer 1

您需要一个PRE标记来保留好的缩进（或将CSS white-space:pre添加到目标标记中），然后使用JSON.stringify的第三个参数来添加缩进

＆＃13;

＆＃13;

var data = '[{"match_id":3469695808,"player_slot":3,"radiant_win":true,"duration":1237,"game_mode":22,"lobby_type":7,"hero_id":13,"start_time":1506540251,"version":20,"kills":11,"deaths":2,"assists":12,"skill":3,"leaver_status":0,"party_size":1}]'

document.getElementById('demo').innerHTML = JSON.stringify(JSON.parse(data),null, 4);

＆＃13;

<pre id="demo"></pre>

＆＃13;

＆＃13;

＆＃13;