将jQuery的getJSON返回值赋值给数组

Question

将jQuery的getJSON返回值赋值给数组

4

如何将通过getJSON()获取的数据分配给数组以备后用？

下面的getJSON url检索格式正确的JSON，其中有10个主要元素，每个元素都有id、username、haiku（和其他）子元素。如果您正在运行它，请将JSON元素保存到本地文件中，这样就不会出现相同的域错误（即，如果您从不同的域获取，则不会加载JSON）。

发生的情况是，在getJSON回调内部，警报将获取一个值，但在外部，该值未定义。


$(document).ready(function(){
    var haikus=[];
    alert("开始循环");
    $.getJSON('http://example.com/json.php',function(data){
         var i=0;
         for(i=0;i<data.length;i++){
            haikus[i]=[data[i].id,String(data[i].username),String(data[i].haiku)];
        }
            alert(haikus[0][1]);
    });
})

是的，这与之前的帖子有关。但是，我最初把我的问题简化了，所以最初提供的解决方案并没有解决它。jQuery - 将getJSON数据转换为数组

- ina

2个回答

0

我相信如果你使用“var haikus = something”来定义一个变量，那么这个变量是局部作用域的；而如果你使用“haikus = something”来定义变量，那么它就是全局作用域的。

- kevtrout

我非常确定仅仅做 haikus=something 会导致一个 haikus 未定义的错误，要在全局范围内执行它，只需在任何函数之外定义 var haikus = something。 - Razor Storm

啊啊啊！！我的问题与变量作用域有关（哎呀） - ina

刚刚尝试在ready函数外声明haikus=[]，但是在getJSON之外的alert仍然返回未定义...(实际上，甚至没有弹出) - ina

@Razor - haikus=something 将会给你一个全局变量。但是由于 haikus 已经在正确的作用域内，因此全局变量不必要。 - user113716

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- user113716 · Accepted Answer

你的问题在于任何位于 $.getJSON 请求之外（和之后）的代码在收到 $.getJSON 响应时已经执行完毕。请记住，AJAX 调用是异步的。这意味着 AJAX 请求后面的代码不会等待响应来执行。因此，在响应之前它就已经运行了很长一段时间了。关键在于任何依赖于异步 AJAX 请求响应的代码必须在回调函数内运行（或从中调用）。

编辑：

为了澄清，在下面的代码示例中，请查看代码注释。它应该有助于解释这个问题。

$(document).ready(function(){
    var haikus=[];
    alert("begin loop");
    $.getJSON('http://haikuennui.com/random.php',function(data){
         var i=0;
         for(i=0;i<data.length;i++){
            haikus[i]=[data[i].id,String(data[i].username),String(data[i].haiku)];
        }
                 // The data in haikus is available here becuase
                 //    this alert() doesn't run until the response is received.
            alert(haikus[0][1]);
    });

         // Here the data in haikus is NOT available because this line
         //     of code will run ***before*** the response from the AJAX
         //     request from above is received.
         // In other words, this alert() executes **immediately** without
         //     waiting for the $.getJSON() to receive its response.
    alert(haikus[0][1]);

});