javascript - 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 函数填充数组在警报执行之后发生......所以您想要的还没有完成。直到请求从服务器返回后，success 处理程序才会执行。

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