JSON.stringify 输出以漂亮的打印方式进行 div

javascript html json pretty-print stringify

2022-08-30 00:35:29

I a json object byJSON.stringify

result = JSON.stringify(message, my_json, 2)

上面参数中的应该很好地打印结果。如果我做类似的事情，它会这样做。但是，我想通过将其附加到div中来将其输出给用户。当我这样做时，我只看到一行。（我不认为它有效，因为断点和空格没有被解释为html？2alert(result)

{ "data": { "x": "1", "y": "1", "url": "http://url.com" }, "event": "start", "show": 1, "id": 50 }

有没有办法以漂亮的打印方式将的结果输出到div？JSON.stringify

答案 1

请使用标签<pre>

演示： http://jsfiddle.net/K83cK/

var data = {
  "data": {
    "x": "1",
    "y": "1",
    "url": "http://url.com"
  },
  "event": "start",
  "show": 1,
  "id": 50
}


document.getElementById("json").textContent = JSON.stringify(data, undefined, 2);

<pre id="json"></pre>

答案 2

确保 JSON 输出位于标记中。<pre>