HTML页面上的JSON输出答案

【问题标题】：JSON output on HTML pageHTML页面上的JSON输出
【发布时间】：2016-04-01 10:19:00
【问题描述】：

我想在 html 页面上显示一个 JSON 对象。当我进入

productArray[0][0].xyz

进入 Firefox 控制台，然后我得到一个值。

问题： 如何在 HTML 页面上显示存储在此变量中的值？

我试过这个（没用）：

<div id="test">

<script>
window.onload = function()
{
    var out = productArray[0][0].xyz;
    document.getElementById("test").innerHTML = out;
}
</script>

【问题讨论】：

显示更多代码，以便我们找到问题所在。你如何包围div？脚本是在单独的文件中还是在您的代码 sn-p 中显示？
也许你应该检查你存储在var中的数据的类型。
最后有一个
...对不起...忘记在我上面的代码中

为您提供完整的代码，以便我们为您提供正确的解决方案。

不知道老兄，但如果你可以控制`productArray[0][0].xyz`值，你可以把它放在你想要的任何元素中，我们给了你代码。您可以做的是，在放置值之前检查元素是否存在。

标签： javascript html json

【解决方案1】：

由于它在浏览器的控制台中运行，我想这是一个时间问题。您可能正在尝试在 json 数据加载并准备好使用之前使用 json 中的值。

假设您正在运行 xhttp 请求或 ajax 调用，或者您必须在加载数据后运行代码。这通常意味着在successmethod 中运行它。

也许这个帖子和答案可以帮助您找到问题？注意：这使用了 Ajax，因此请随时更新您的帖子并提供更多信息，以便我们为您提供解决方案/技术方面的帮助。 Ajax success function

【讨论】：

我认为您必须再次阅读我的答案。现在您指定需要此值 onload。 JSON 数据几乎可以肯定尚未加载。因此，您应该将代码移动到 AJAX 调用的成功方法中，以便确保在使用它们之前加载所有数据。这就是它在浏览器中工作的原因（然后在您调用控制台中的方法之前加载所有数据）。考虑向我们展示您在@campfire 收集数据的位置。

【解决方案2】：

假设缺少 div 关闭标记是一个错字，很可能在您的代码执行时 productArray 尚未填充。能发个更详细的sn-p吗？

【讨论】：

【解决方案3】：

var out = "your value";//productArray[0][0].xyz commented to show you running code uncomment it when you use this in you code. ;
document.getElementById("test").innerHTML = out;

&lt;div id='test'&gt;&lt;/div&gt;

您实际上忘记关闭DIV 标签。

【讨论】：

这有什么帮助？他问他如何显示您在示例中注释掉的部分！
他说他在控制台中得到了他只想在文档中显示的值。在投票前阅读。
我想查看存储在产品 Array[0][0].xyz 中的值...所以注释掉是错误的答案:)
很明显，但@Anand Singh 的解决方案仍然是正确的。问题出在 anand 和 John 的位置：没有关闭 div。添加答案时，最好解释一下它为什么起作用。我不认为“就是这样”在解释什么！
在关闭
时也不起作用。忘记贴在上面的代码里了