问题与未定义的变量

Question

我试图运行这个命令：

function loadApp() { 
    var content = getContent("content.xml"); 
    createMap(content); 
} 

function getContent(file) { 
    $.ajax({ 
     type: "GET", 
     url: file, 
     dataType: "xml", 
     success: parseXml 
    }); 

    function parseXml(xml) { 
     var content = []; 
     $("element", xml).each(function() { 
      var var1 = $(this).children("var1").text(), 
      content.push(var1) 
     }); 

     return content; 
    } 
} 

    function createMap(content) { 
     alert(content); 
    } 

但是，当我打开网页提醒说我的content变量是不确定的。 getContent()正常工作，当我从loadApp()删除createMap(content);时给出content一个字符串值。看起来createMap()在getContent()之前运行，这就是为什么该变量还没有定义，为什么会发生这种情况的任何想法，我该如何解决它？

在此先感谢。

Answer 1

我假设getContent()进行异步AJAX调用。如果是这样，那么在收到响应之前，createMap()函数被称为。

如果是这样，我会修改getContent()函数，以便您可以将createMap()函数传递给它，并在正确的时间调用它。

function loadApp() { 
    getContent("content.xml", createMap); 
} 

function getContent(file, fn) { 
    $.ajax({ 
     type: "GET", 
     url: file, 
     dataType: "xml", 
     success: parseXml 
    }); 

    function parseXml(xml) { 
     var content = []; 
     $("element", xml).each(function() { 
      var var1 = $(this).children("var1").text(), 
      content.push(var1) 
     }); 
      // Call "fn" instead of returning "content" 
     fn(content); 
    } 
}