javascript - 存储函数中的 Var

Question

感谢对之前问题的帮助，我能够检索 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"}]

Answer 1

当 $.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>

• 这是未经测试的代码，但它非常简单并且应该可以工作。