Question

我正在使用Google的公民信息API，我试图弄清楚如何将JSON repsonse转换为变量javascript对象（我们将调用该对象civicInfoObject）。然后我想用HTML显示该对象的内容到页面上。我是javascript的新手，并且无法成功提出解决方案或找到答案。

这对我来说是一个相对较大的项目，所以我正在做一口大小的工作。我将JSON响应复制并粘贴到我的查询中，并使用它创建了一个新的HTML文档。所以基本上我现在的目标是将这个静态JSON字符串存储在变量（civicInfoResponse）中，将其转换为对象并将其存储在变量（civicInfoObject）中，然后将该对象的内容显示在带有HTML的页面上。

到目前为止，这是我的策略：

var civicInfoResponse = "copy-and-pasted string
that spans
multiple lines"

var civicInfoObject = JSON.parse(civicInfoResponse);

document.getElementById("Info").innerHTML = civicInfoObject;

这是我创建的小提琴，因此您可以完整地看到JSON响应：https://jsfiddle.net/km38o815/2/

我写的代码可能完全错误，我不确定。我对javascript的知识有限，我很难过。任何人都可以帮助我或者至少指出我正确的方向吗？非常感谢。谢谢！

Answer 1

我更新了你的小提琴。如果你有JSON，你应该需要它周围的报价吗？这就是你要找的东西吗？

document.getElementById("Info").innerHTML = JSON.stringify(civicInfoResponse);

https://jsfiddle.net/km38o815/7/哎呀现在应该可以了。

Answer 2

此问题与：JavaScript string with new line - but not using \n

有关

换句话说，如果您需要JSON跨越多行，请在开始新行之前使用\：

var civicInfoResponse = "copy-and-pasted string \
that spans \
multiple lines"

civicInfoResponse应包含：

copy-and-pasted string that spans multiple lines

如何将多行JSON字符串转换为javascript对象

2 个答案: