感谢先前的问题帮助,我能够检索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>
但是,当我将结果存储在名为
var
的co2
中,然后像这样在我的html中使用它时,它在我的页面上为co2变量显示
undefined
。警报
alert(result.Cumulative_CO2);
和alert(co2);
都打印相同的内容,因此由于某种原因,当co2离开函数时,它的值不会保持不变。任何指针将不胜感激。更新
这就是所谓的URL返回
[{"Cumulative_CO2":"406465.968076","Year":"2013","Month":"3","Day":"30"}]
最佳答案
完成$ .getJSON加载后,只需将变量注入到段落中即可。这样,一旦存储了对象并创建了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 - 从函数存储变量,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/16303311/