感谢对之前问题的帮助,我能够检索 JSON 并从中访问信息。
供将来引用的最终工作代码
<script>
var co2;
var url="/solarpv/api/co2/list"
var jsonObject;
$(document).ready(function(){
$.getJSON(url,function(result){
var jsonObject = result;
alert(result[0].Cumulative_CO2);
co2 = result[0].Cumulative_CO2;
alert(co2);
$('#ajaxRequest').html("An average person uses " + co2 + " pounds of c02");
});
});
</script>
<h3> Some CO2 Comparisons </h3>
<p style="width:600px;"> </p>
<ul>
<li>An average person produces 1.98 pounds a day of CO2. </li>
<li> Plants absorb .0040786 lbs per meter squared per day. </li>
<li> An average tree absorbs 48.061 pounds of CO2 per year. </li>
<li id="ajaxRequest">
<script>
document.write("An average person uses " + co2 + " pounds of c02");
</script>
</li>
</ul>
但是,当我将结果存储在名为 co2
的 var
中,然后在我的 html 中使用它时,如下所示
它在我的页面上打印 co2 变量的 undefined
。
两个警报 alert(result.Cumulative_CO2);
和 alert(co2);
打印相同的内容,因此由于某种原因 co2 在离开时没有保留其值功能。任何指示将不胜感激。
更新
这就是调用的 URL 返回的内容 [{"Cumulative_CO2":"406465.968076","Year":"2013","Month":"3","Day":"30"}]
最佳答案
当 $.getJSON 加载完成后,只需将变量注入(inject)到段落中。这样,一旦存储了对象并创建了 co2,jQuery 就会将句子更改为您想要的正确内容,并且将插入变量。这是一个例子。
<script>
var co2;
$(document).ready(function(){
$.getJSON(url,function(result){
var jsonObject = result;
alert(result.Cumulative_CO2);
co2 = result.Cumulative_CO2;
$('p').html('random co2 fact here ' + co2 + ' pounds of c02');
});
});
</script>
- 这是未经测试的代码,但它非常简单并且应该可以工作。
关于javascript - 存储函数中的 Var,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16303311/