json 无法更改 dataWithLabels答案

【问题标题】：json couldn't change the dataWithLabelsjson 无法更改 dataWithLabels
【发布时间】：2015-12-07 21:30:14
【问题描述】：

请您帮忙查看代码。我想将标题名称从“Jason”更改为 JSON 文件中写入的温度。

var dataWithLabels = [
{
   "title":"Jason",  
}];

 $.ajax({
    url: "http://api.wunderground.com/api/2b38dcff93aa3dff/conditions/q/CA/Santa_Clara.json",
    type: "GET",
    dataType: "json", 
    success: function(data) {
    for(var i=0;i<1/*dataWithLabels.length*/;i++){
       var statistic = data.current_observation;
       dataWithLabels[i]['title']= statistic.temp_c;}} 
       //wanted to change Jason to the temperature written at the JSON file.Please help.
    });

 alert(dataWithLabels[0]['title']);

http://codepen.io/wtang2/pen/bEGQKP

这不是重复的，我正在尝试将 JSON 文件中的结果替换为 dataWithLabels 对象的标题

【问题讨论】：

将alert 移动到success 回调中。您正在访问dataWithLabels之前它被改变了。
Why is my variable unaltered after I modify it inside of a function? - Asynchronous code reference的可能重复
不，我需要修复 datawithlabels 中的标题。解决不了
无法更改标题：Jason
codepen.io/anon/pen/BjyRNp?editors=001 表明如果您将alert 放入success 回调中，您的代码将按预期工作。所以问题是您访问dataWithLabels 在错误的时间。 $.get 是异步，这就是重复问题的全部意义所在。如果您不知道这意味着什么，请阅读另一个问题。

标签： javascript jquery json ajax get

【解决方案1】：

由于我不知道，如果您请求的 JSON 是正确的，我只是假设它是正确的。不过，如果您想看看，在您的 Ajax-Request 之后 dataWithLabels 中发生了什么，您需要稍微重写该函数：

   var dataWithLabels = [{
    "title": "Jason",
  }];

  $.ajax({
    url:     "http://api.wunderground.com/api/2b38dcff93aa3dff/conditions/q/CA/Santa_Clara.json",
    type: "GET",
    dataType: "json",
    success: function(data) {
        for (var i = 0; i < 1 /*dataWithLabels.length*/ ; i++) {
          var statistic = data.current_observation;
          dataWithLabels[i]['title'] = statistic.temp_c;
          alert(dataWithLabels[i]['title']);
        }

      }
      //wanted to change Jason to the temperature written at the JSON  file.Please help.
  });

现在，在您插入 statistic.temp_c 后，dataWithLabels 的状态会收到警报。您的代码始终在 Ajax 请求之前提醒状态。

希望有帮助！

【讨论】：

你做了什么改变，为什么？
我把你的 alert 放在了 for 循环中。因为那是您为数组分配新值的地方。 Ajax 的要点是在请求成功完成后调用成功函数。原始代码中的警报将在成功函数之前执行。 - 异步-
这不是我的代码，但感谢您的澄清。所以基本上你同意这是上面 cmets 中链接问题的重复？
啊，对不起。是的，它是重复的。

【解决方案2】：

这是因为 AJAX 请求是异步工作的，所以您需要在 AJAX 请求完成后才提醒结果，您可以这样做

var dataWithLabels = [{
   "title": "Jason",
}];

$.ajax({
  url: "http://api.wunderground.com/api/2b38dcff93aa3dff/conditions/q/CA/Santa_Clara.json",
  type: "GET",
  dataType: "json",
  success: function(data) {
      for (var i = 0; i < 1 /*dataWithLabels.length*/ ; i++) {
         var statistic = data.current_observation;
         dataWithLabels[i]['title'] = statistic.temp_c;
         alert(dataWithLabels[i]['title']); // Alert only after data is received
      }

  }

});

【讨论】：