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 && anHttpRequest.status == 200)
            callback(anHttpRequest.responseText);
    }

    anHttpRequest.open( "GET", url, true );            
    anHttpRequest.send( null );

   }
}

var client = new HttpClient();
client.get("https://api.opendota.com/api/players/26202535/matches?limit=1", 
function(response) {

JSON.parse(response);
console.log(response);
document.getElementById("demo").innerHTML=response;

});

输出： [{"match_id":3469695808,"player_slot":3,"radiant_win":true,"duration":1237,"game_mode":22,"lobby_type":7,"hero_id":13,"start_time":1506540​​251, "version":20,"kills":11,"deaths":2,"assists":12,"skill":3,"leaver_status":0,"party_size":1}]

Answer 1

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

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);

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