<javascript>返回一个对象数组（返回undefined）</javascript>

Question

我正在运行两个javascript函数。 一个从XML获取信息以使用jquery返回数组对象。 另一个使用从上一个函数接收的新内容更新html页面。 但是，返回值会以undefined的形式返回。 我迷失了为什么会这样。

这是我的代码。 任何帮助将不胜感激。 谢谢。

function getSpellList(fileLocation) {

    var SpellList = new Array();

    $(document).ready(function(){ 
        // Open the XML file
        $.get(fileLocation,{},function(xmlFile){            

            // Run the function for each Spell tag in the XML file
            $('Spell',xmlFile).each(function(i) {
                var SPELL = new Object();

                SPELL.Name = $(this).find("Name").text();
                SPELL.Description = $(this).find("Description").text();
                SPELL.COST = $(this).find("COST").text();

                SpellList.push(SPELL);
            });
            return SpellList;
        });
    });
}

function updateContent() {

    var ListSpell = getSpellList("./xml/List_Spells.xml");
    var ListAnimi = getSpellList("./xml/List_Animi.xml");

    var HTML = '';

    for(xi=0; xi<ListSpell.length; xi++){
        HTML += SpellToHTML(ListSpell[xi]);
    }

    for(xi=0; xi<ListAnimi.length; xi++){
        HTML += SpellToHTML(ListAnimi[xi]);
    }

    // Update the DIV called Content Area with the HTML string
    $("#ContentArea").append(HTML);
}