Question

我有以下JavaScript（我正在使用jQuery）：

function language(language)
{
    var text = new Object();

    $.ajax({
        type: "GET",
        url: "includes/xml/languages/" + language + ".xml",
        dataType: "xml",
        success: function(xml){
            $(xml).find('text').each(function(){
                text[$(this).attr('id')] = $(this).text();
            });
        }
    });

    return true;
}

我有一个XML文件，然后由类读取。 XML文件的声明如下：

    <text id="must_be_string">Must be a string.</text>
    <text id="must_be_number">Must be a number.</text>
    <text id="must_be_integer">Must be an integer.</text>

正在正确读取XML文件，但我遇到的问题是text变量似乎无法正常工作。

从设置一些警报停止点到尝试调试，我发现这就是发生的事情：

在success: function(xml){内，可以正确访问var text。但是，在该函数中为文本分配新短语的分配不会正确添加。在success:内，我可以alert(text['must_be_string'])并获得“必须是一个字符串”，但是当我离开Ajax调用时，它总是显示“未定义”。

如果我不清楚：

var text = new Object();

$.ajax({
    type: "GET",
    url: "includes/xml/languages/" + language + ".xml",
    dataType: "xml",
    success: function(xml){
        alert(text); // Shows [object Object]
        $(xml).find('text').each(function(){
            text[$(this).attr('id')] = $(this).text();
        });
        alert(text['must_be_string']); // Shows "Must be a string."
    }
});
alert(text['must_be_string']); // Shows undefined -- this is my problem

我真的非常感谢你对此有任何帮助。请解释一下，因为我真的很想了解发生了什么。

Answer 1

ajax调用的成功方法是异步调用。当您调用$.ajax时，该方法将立即返回并尝试执行alert(text['must_be_string']);，这将在ajax调用成功之后才会设置，将来某些时候。

希望这有帮助。

Answer 2

变量'text'存在于'language'函数的范围内。我不确定jQuery如何管理作用域，但我认为成功函数是一个不在'语言范围内的新函数。

到达return并且发送ajax查询时，

'language'结束。然而，之后的响应（异步）。

尝试将'text'对象声明为全局，在'language'之外

变量范围的问题（JavaScript）

2 个答案: