HTML页面上的JSON输出

时间:2016-04-01 10:19:01

标签: javascript html json

我想在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>

3 个答案:

答案 0 :(得分:0)

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

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

也许这篇文章和答案可以帮助您找到问题所在?注意:这使用Ajax,因此请随时使用更多信息更新您的帖子,以便我们为您提供解决方案/技术方面的帮助。 Ajax success function

答案 1 :(得分:-1)

EnableJpaRepositories
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;

您实际上忘记关闭<div id='test'></div>代码。

答案 2 :(得分:-1)

假设缺少div close标签是一个错字,很可能在代码执行时没有填充productArray。你能发布一个更详细的片段吗?