問題與未定義的變量

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); 
    } 
}