在浏览器中打印 Json 对象

【问题标题】：Print a Json object in browser在浏览器中打印 Json 对象
【发布时间】：2017-03-23 05:22:54
【问题描述】：

我在一个文件中存在一个 json 对象，我需要使用基本的 html 在浏览器上打印该对象。它已经在文本文件中打印得很漂亮。我想在浏览器上也一样。

【问题讨论】：

显示一些代码。我们无法猜测您的代码
您只想在浏览器中打开您的 json 文件，而不是文本编辑器？

【解决方案1】：

在角度的情况下：

<div>
  {{jsonData | json}}
</div>

【讨论】：

【解决方案2】：

你可以使用JSON.stringify():

var json = {"employees":[{"firstName":"John", "lastName":"Doe"},{"firstName":"Anna", "lastName":"Smith"},{"firstName":"Peter", "lastName":"Jones"}]},
    code = document.getElementById('output');

code.innerHTML = JSON.stringify(json, null, 4);

<pre>
  <code id="output"></code>
</pre>

【讨论】：

【解决方案3】：

如果您已经知道如何获取页面上的字符串，只是担心格式，您可以使用 <pre> 来解决这个问题

<pre>
Your
    pretty
          JSON
</pre>

【讨论】：