用javascript在html中显示JSON

用javascript在html中显示JSON,html,json,xmlhttprequest,responsetext,Html,Json,Xmlhttprequest,Responsetext,我是JSON新手。我使用的api使用JSON进行响应。我通过简单的xhr方法调用api url。代码正在运行,我的状态是200,但是 如何在html中检索JSON 我能够通过在innerHTML中打印xhr.responseText来显示JSON。但我需要显示数据,以便在html中使用它们 当我在xhr.responseText中有json数据时,您能建议我如何用html表示数据吗 如果你需要更多信息,请告诉我 有人能告诉我如何通过jquery完成吗?如果您将JSON2.js(from)添加到页

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

如何在html中检索JSON

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

当我在xhr.responseText中有json数据时,您能建议我如何用html表示数据吗

如果你需要更多信息,请告诉我

有人能告诉我如何通过jquery完成吗?

如果您将JSON2.js(from)添加到页面中,那么您可以使用以下方法将JSON解析为JavaScript对象:

var parsedData = JSON.parse(xhr.responseText);
如果您完全信任您的JSON源代码,您也可以非常快速地执行此操作,而无需使用JSON2.js,只需对其进行如下评估:

var parsedData = eval('(' + xhr.responseText + ')');
但这将运行响应中嵌入的任何代码,因此不安全,通常不推荐使用。

如果将JSON2.js(from)添加到页面中,则可以使用以下方法将JSON解析为JavaScript对象:

var parsedData = JSON.parse(xhr.responseText);
如果您完全信任您的JSON源代码,您也可以非常快速地执行此操作,而无需使用JSON2.js,只需对其进行如下评估:

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

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

这里是另一篇文章,由于jquery,它可以工作,代码更少。第一个答案非常有效。我想这可能对有同样问题的人有所帮助


这里是另一篇文章,由于jquery,它可以工作,代码更少。第一个答案非常有效。我想这可能对有同样问题的人有所帮助


请您在当前代码前给出json响应。可能您试图返回响应,而不是正确地使用回调。请您在当前代码前提供json响应。可能您正在尝试返回响应,而不是正确地使用回调。