0

我正在尝试创建一个非常简单的聊天应用程序，但我陷入了一种奇怪的 javascript 行为。

这是我的代码：

var msg = [];
  $(document).ready(function(){
    $.getJSON('chat_ajax.php?get=1', function(data) {
      $.each(data, function(key_i, val_i) {
        var node = [];
        $.each(val_i, function(key, val){
          node.push(val);
          //$('body').append('Test');
        });
        msg.push(node);
      });
    });
    for (var f=0;f<msg.length;f++){
        $('body').append('Test');
    }
  });

请注意，这包含在<script>之前的标记中，</body>并且该?get=1参数仅用于调试

问题是 for 循环没有被执行。经过一些调试后，我发现我的msg数组在退出 $.getJSON() 函数后被重置（如果我将 for 循环放入它可以工作）

这可能是一些基本的语法错误或我对 javascript 变量的错误理解，但我坚持了一段时间，我广泛的谷歌搜索没有产生任何结果。

4

1 回答 1

1

该getJSON方法异步完成。因此，for循环在将值添加到的回调函数之前执行msg。您需要将for循环移动到回调中。 

var msg = [];
  $(document).ready(function(){
    $.getJSON('chat_ajax.php?get=1', function(data) {
      $.each(data, function(key_i, val_i) {
        var node = [];
        $.each(val_i, function(key, val){
          node.push(val);
          //$('body').append('Test');
        });
        msg.push(node);
      });

      for (var f=0;f<msg.length;f++){
        $('body').append('Test');
      }
    });
  });
于 2013-03-28T22:01:53.653 回答