从函数中存储一个变量
Storing a Var from a function
感谢对早期问题的帮助,我能够检索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中像这样使用它它打印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>
- 这是未经测试的代码,但它是相当简单,应该工作。
传递给ready()
的函数直到DOM构造完成后才会运行。
getJSON
将发送一个HTTP请求,然后完成(允许继续执行)。传递给getJSON()
的函数在收到HTTP响应之前不会运行。
在这两个事件发生之前,您将无法使用响应数据。在那之前,它将是undefined
。
移动使用数据的逻辑,使其位于传递给getJSON
的函数内。
相关文章:
- 导航到特定事件的另一个变量页面
- 我可以在Javascript/jQuery中使用一个变量作为键吗
- 使用mongodb更新中的一个变量
- 将节点数据分配给另一个变量jstree
- Javascript:在激发函数后返回一个变量以供使用
- 替换另一个变量对象中的变量值
- 什么'它的意思是当一个变量位于括号外时
- 可以't将sessionStorage设置为Javascript中的一个变量
- 在Flickr API的标签参数中传递一个变量
- 从Jquery函数中获取一个变量
- 为两个ID设置一个变量的正确语法
- 如何将变量值附加到另一个变量
- 通过加载函数发送一个变量
- 如何将一个变量从一个控制器传递到合金中的另一个控制器
- 如何在Jquery函数中为自动完成文本区域指定一个变量作为Id
- Javascript未在其中一个变量上输出0
- 保留“;这个“;在一个变量中;这个“;使用此变量
- 是否可以在另一个变量中使用未声明的变量
- JS/ANGULAR使用一个变量's值作为另一个对象的键
- 如何每秒从一个变量中提取一定次数的javascript/html