javascript - JSON.stringify 以 pretty-print 方式输出到 d

JSON.stringify一个json对象

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

上面参数中的 2 应该可以漂亮地打印结果。如果我执行 alert(result) 之类的操作,它会执行此操作。但是,我想通过将其附加到 div 中来将其输出给用户。当我这样做时,我只会显示一条线。 (我认为它不起作用,因为中断和空格没有被解释为 html?)

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

有没有办法将 JSON.stringify 的结果以 pretty-print 方式输出到 div 中?

最佳答案

请使用 <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>

关于javascript - JSON.stringify 以 pretty-print 方式输出到 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16862627/

相关文章:

javascript - 在 Node.js 中,如何将字符串转换为 json?

javascript - node.js TypeError : path must be abso

c# - json.net 有关键方法吗?

javascript - 使用 Javascript 将 XML 转换为 JSON(并返回)

json - postman :发送嵌套的 JSON 对象

c# - RestSharp JSON 参数发布

javascript - 如何从 JavaScript 中的 URL 获取 JSON?

json - 将 curl POST 与 bash 脚本函数中定义的变量一起使用

ruby - 如何将 JSON 转换为 Ruby 哈希

javascript - 如何测试字符串是否为 JSON?