jQuery 脚本应该异步运行但只能同步运行？为什么？

Question

我有这个小 jquery 脚本，如果删除“async:false”部分，它就不起作用...而且我不明白为什么（alert() 部分只是为了检查它是否有效）。我的猜测是它会异步工作，但事实并非如此。有人可以向我解释为什么吗？我应该改变什么来使其异步？

$(document).ready(function(){
    var artistName = new Array();
    var artistPlaycount = new Array();

    $('#inputForm').submit(function(){
        var userName = $('#username').attr('value'); 
        var amount = $('#amount').attr('value');

        userName = "someUsername"; 

        $.ajax({  
            type: "POST",  
            url:  "prepXML.php",  
            data: "method=getartists&user="+userName+"&amount="+amount,  
            dataType: "xml",
            async:false,
            success: function(xml){ 
                var i = 0;  
                $("artist",xml).each(function(){
                    artistName[i] = $(this).find("name").text();
                    artistPlaycount[i] = $(this).find("playcount").text();
                    i++;
                });
            }
        });         
    }); 

    alert(artistName[2]); //or any other iteration number
});

谢谢

Answer 1

要异步执行此操作，您需要将警报移至回调中并删除 async 选项，如下所示：

    $.ajax({  
        type: "POST",  
        url:  "prepXML.php",  
        data: "method=getartists&user="+userName+"&amount="+amount,  
        dataType: "xml",
        success: function(xml){ 
            $("artist",xml).each(function(i){
                artistName[i] = $(this).find("name").text();
                artistPlaycount[i] = $(this).find("playcount").text();
            });
            alert(artistName[2]);
        }
    }); 

否则填充数组的 success 函数将在之后发生em> 警报确实...所以你想要的还没有完成。直到请求从服务器返回后，success 处理程序才会执行。

此外， .each() 回调的第一个参数是索引，你可以使用它，不需要保留你自己的递增变量:)

Answer 2

它不起作用，因为回调是在警报之后触发的。将警报放入回调中。

Answer 3

您需要将警报移至成功处理程序中。

alert(artistName[2]); //or any other iteration number

应该在循环完 xml 之后立即执行。

所以你应该有：

success: function(xml){ 
            var i = 0;  
            $("artist",xml).each(function(){
                artistName[i] = $(this).find("name").text();
                artistPlaycount[i] = $(this).find("playcount").text();
                i++;
            });
            alert(artistName[2]); //or any other iteration number
        }