将匿名 ajax 函数变成常规函数 - 作用域？

Question

我是一个 js/jquery 菜鸟，一直在努力让匿名函数作为常规函数工作。有人可以指出我做错了什么吗？

这花了我几个小时：

var tracklist = new Array();

function stuffXML(xml) {
    $(xml).find('track').each(function(){
        var logo = $(this).find('logo').text();
        var location = $(this).find('location').text();
        var id = $(this).find('identifier').text();
        var info = $(this).find('info').text();
        var title = $(this).find('title').text();
        var creator = $(this).find('creator').text();

        tracklist.push(logo,location,id,info,title,creator);

    });

    console.log('mid' + tracklist);  //works here
}

$(document).ready(function(){

    $.ajax({
        type: "GET",
        url: "real.xml",
        dataType: "xml",
        success: stuffXML
    });

console.log(tracklist);  //but not here - empty array

});

我正在尝试将列表（幻灯片的一堆图像和文本）解析为一个数组（在那里成功），然后让它们可用，但我的范围显然太有限了。我看不出我做错了什么......

任何帮助将不胜感激......

Answer 1

那里的数组是空的，因为该代码在 DOM 准备好后立即运行，但不一定（并且极不可能）在 XHR 完成后运行。

为了能够使用tracklist，您需要在stuffXML() 函数或另一个堆栈跟踪具有stuffXML() 祖先的函数中引用它。

Answer 2

当您在 document-ready 函数中调用 console.log() 时，Ajax 请求不太可能完成：回调发生在 Ajax 请求结束时；文件就绪调用将在请求发出后立即发生。

Answer 3

您的问题只是您忘记了 AJAX 中的 A 代表什么。异步。当您运行

的命令时

$.ajax({
    type: "GET",
    url: "real.xml",
    dataType: "xml",
    success: stuffXML
});

它会毫不犹豫地立即运行它，并使用您的 console.log立即 跟进它。在后台，浏览器正忙于请求数据并然后将其添加到您的 tracklist 变量中。因此，您要做的就是将该 console.log 放在 stuffXML 中。当然，除了 console.log 之外，您可能还想做其他事情。因此，让“stuffXML”触发您需要触发的任何其他事件，以使其余代码执行所需的操作。请记住，Web 服务器不会比 javascript 到达下一行代码执行的速度更快地为您的页面提供请求。