使用 $.each 遍历数组值不起作用

Question

我一直在试图弄清楚如何通过以下代码进行迭代。

var arr = []

$.ajax({

 type: 'POST',
   dataType: 'html', 
   url:   '/test/public/index/getid', 
   success: function(response) {
        response = $.parseJSON(response)
        $.each(response, function(index, value) {
             arr.push(value)

        });
   }

});

console.log(arr)

$.each(arr, function(index0, value0) {

console.log('INDEX0: ' + value0);

});

这会给我一个关于 firebug 的 [ ] ，我可以扩展它。然后它有 0 和 1 并显示 ids

[ ]

0 1234343

1 2343223

2 414234

3 232342

但稍后在程序中，我尝试使用 $.each 循环它，但它不会读取它。

我试图在通过 console.log 打印时使 arr 看起来像这样。

[“1234343”、“2343223”、“414234”、“232342”]

里面的值是在第一个循环中推送的 id。

知道如何做到这一点吗？尝试获取 arr.length 并将其用作测试条件。

原始 JSON 响应： [“1234343”、“2343223”、“414234”、“232342”]

Answer 1

Ajax 是异步的，不要尝试在成功回调之外访问 ajax 请求中的数据。

$.ajax({
   type: 'POST',
   dataType: 'json', 
   url: '/test/public/index/getid', 
   success: function(arr) {
       console.log(arr);
   }
});

你也可以这样做：

var request = $.ajax({
    type: 'POST',
    dataType: 'json', 
    url: '/test/public/index/getid'
});
request.done(function(arr){
    console.log(arr);
});

第二种方法可以让您传递request 并在任何需要的地方使用它，只需执行以下操作：

request.done(function(arr){
    // do something with arr
    console.log(arr)
});

cmets 更新，

如果请求 2 依赖于请求 1，请使用以下结构：

var request1 = $.ajax({...});

request1.done(function(){
    var request2  = $.ajax({...});
    request2.done(function(){
        // both are done, do stuff
    });
});

或者如果你想发送请求 1 和 2，然后在两者都完成后做一些事情，你可以这样做：

var request1 = $.ajax({...});
var request2 = $.ajax({...});
$.when(request1,request2).done(function(req1,req2) {
    // do stuff
});

Answer 2

var arr = []

var callback = function(arr){
       console.log(arr);
};

$.ajax({

 type: 'POST',
   dataType: 'html', 
   url:   '/test/public/index/getid', 
   success: function(response) {
        response = $.parseJSON(response)
        $.each(response, function(index, value) {
             arr.push(value)

        });
        callback(arr);
   }
});

为什么不这样做呢？

你的主程序执行。

• 您定义了一个数组
• 然后进行 ajax 调用
• 然后记录 arr。

第二步是异步过程，主程序执行不会因为ajax调用而停止，不管ajax调用是否完成都会继续执行。因此，在执行 console.log(arr) 时，您的 ajax 调用可能/可能不会返回，留下一个空的 arr 变量来记录到控制台。这可能是您看不到任何内容的原因，因为记录了一个空数组。

使用回调函数，您可以确保仅在 ajax 调用返回并且您已填充 arr 时将 arr 记录到控制台。