使用 javascript 在 html 中显示 JSON

发布于 2024-10-07 20:21:02 字数 314 浏览 5 评论 0原文

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

我如何才能检索 html 中的 JSON?

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

当我在 xhr.responseText 中有 json 数据时,您能建议我如何在 html 中呈现数据吗?

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

谁能指导我如何通过 jquery 来做到这一点?

i am new with JSON. I am using a api which using JSON for response. I am calling the api url by simple xhr method. The code is working and i am getting 200 status but

how do i able to retrieve the JSON in the html?

I was able to show the JSON by printing xhr.responseText in innerHTML. But i need to show the data so i can use them in html.

Can you suggest how i can present the data in html when i have the json data in xhr.responseText.

Please let me know if you need more info.

Can anyone guide me how to do it via jquery also?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

冷默言语 2024-10-14 20:21:03

如果添加 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 + ')');

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

If you add JSON2.js (from https://github.com/douglascrockford/JSON-js/blob/master/json2.js) to your page, then you can parse the JSON into a JavaScript object by using:

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

If you completely trust your JSON source, you can also do it very quickly and without using JSON2.js by simply evaling it thus:

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

but this will run any code embedded in the response and so isn't secure and generally wouldn't be recommended.

陪你搞怪i 2024-10-14 20:21:03

这是另一篇文章,由于 jquery,它可以工作并且代码更少。第一个答案完美无缺。我认为这可能对遇到同样问题的人有帮助。

尝试使用 jQuery 显示 JSON 文本数据

here is another post which works and less code because of jquery. The first answer works perfectly. I thought this might be help for people who having same problem.

Trying to use jQuery to display JSON text data

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文