使用 javascript 在 html 中显示 JSON答案

【问题标题】：Showing JSON in html with javascript使用 javascript 在 html 中显示 JSON
【发布时间】：2011-05-25 04:22:36
【问题描述】：

我是 JSON 新手。我正在使用一个使用 JSON 进行响应的 api。我通过简单的 xhr 方法调用 api url。代码正在运行，我得到 200 状态，但是

如何在 html 中检索 JSON？

我能够通过在 innerHTML 中打印 xhr.responseText 来显示 JSON。但我需要显示数据，以便我可以在 html 中使用它们。

当我在 xhr.responseText 中有 json 数据时，你能建议我如何在 html 中呈现数据吗？

如果您需要更多信息，请告诉我。

谁能指导我如何通过 jquery 来做呢？

【问题讨论】：

【解决方案1】：

here is another post that works and less code because of jquery.第一个答案完美无缺。我认为这可能对遇到同样问题的人有所帮助。

【讨论】：

【解决方案2】：

如果您将 JSON2.js（来自 https://github.com/douglascrockford/JSON-js/blob/master/json2.js）添加到您的页面，则可以使用以下方法将 JSON 解析为 JavaScript 对象：

var parsedData = JSON.parse(xhr.responseText);

如果您完全信任您的 JSON 源，您也可以非常快速地做到这一点，而无需使用 JSON2.js，只需简单地评估它：

var parsedData = eval('(' + xhr.responseText + ')');

但这将运行嵌入在响应中的任何代码，因此不安全，通常不推荐使用。

【讨论】：