使用 Javascript/JQuery 访问从外部 XML 文件构建的数组

Question

我希望这不是一个太新的问题，但我已经把头发拉出来有一段时间了，所以我想我会屈服并在这里寻求我的第一条建议。

我正在尝试使用 javascript / jQuery / ajax 读取外部 xml 文件，并将检索到的数据放入一个数组中，以便以后可以引用它。

到目前为止，我似乎一直在做所有事情，直到将数据放入数组中，但随后我很难在除创建它的函数内部之外的任何地方读取数据。为什么我无法从该函数以外的任何地方访问数组？

这是我的代码... 请帮忙！！

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

function do_xmlParser(xml)
{
    var myArray = new Array();

    $(xml).find("tag").each(function ()
    {
        myArray.push($(this).find("innerTag").text());
    });

    console.log("inside "+myArray); // This outputs the array I am expecting

    return myArray; // is this right???
}
console.log("outside: "+myArray); // This does NOT output the array but instead I get "myArray is not defined"

Answer 1

您将do_xmlParser 定义为异步函数的回调（jquery ajax 调用的success）。 ajax 调用成功后您希望发生的任何事情都必须发生在该回调函数中，或者您必须从成功回调中链接函数。

按照你现在的方式，代码的实际执行会去：

ajax -> file being requested -> console.log -> 
        file transfer done -> success handler

如果您正在做一些关键的事情并且您希望调用是同步的，您可以提供
async : false
设置为ajax调用。然后，您应该可以执行以下操作：

var myArray = [],
do_xmlParser = function (xml)
{
    $(xml).find("tag").each(function ()
    {
        myArray.push($(this).find("innerTag").text());
    });
};

$.ajax({
    type: "GET",
    url: "data.xml",
    dataType: "xml",
    success: do_xmlParser,
    async: false
});

console.log("outside: " + myArray);

不过，async 选项不适用于跨域请求。

注意
我不建议这样做。 AJAX 调用应该是异步的，我总是使用success 回调来对返回的数据执行所有处理。

编辑：

另外，如果您喜欢阅读...我会推荐 jQuery Pocket Reference 和 JavaScript: The Definitive Guide（均由 David Flanagan 撰写）。

Answer 2

仔细看，你会看到。您实际上正在启动一个不存在的数组。您已经在函数内部声明了 myArray。尝试做这样的事情。

console.lod("outside :"+do_xmlParser(xml)); // I think that when you merge a string and an array it will output only string, but I can be wrong.