全局变量不会从AJAX成功内的函数更新

Question

好的，所以我似乎无法在通过ajax之后更改systemPath的全局变量。它将在ajax中工作，但我需要更新ajax之外的变量。基本上我试图从XML创建一个路径数组，并使用它们来查找其他可以从中生成表的XML文件。

有人知道这里发生了什么吗？ ajax是否在变量设置之前运行，这就是为什么我在ajax之后得到数组长度为0的原因？

var systemPath = new Array(); 
var techDigestArr = new Array(); 
var addToArray = function(thisarray, toPush){ 
    thisarray.push(toPush); 
} 

$.ajax({ 
    url: fullPath+"technical/systems/systems.xml", 
    dataType: ($.browser.msie) ? "text" : "xml", 
    success: function(data){ 
          var xml;  
          if (typeof data == "string") { 
           xml = new ActiveXObject("Microsoft.XMLDOM"); 
           xml.async = false; 
           xml.loadXML(data); 
          } else { 
           xml = data; 
          } 
          $(xml).find("system").each(function(){ 
           var urlString = fullPath + "technical/system_" + $(this).attr("id") + "/" + $(this).attr("id") + "tech-digest.xml <br />"; 
           //alert(urlString); 
          $("#td-articles").append(systemPath.length + urlString); 
           addToArray(systemPath,urlString); 
           //systemPath.push(urlString); 
          }); 
         $("#msg-output").append("total - " +systemPath.length);//Returns 48 

        },//END SUCCSESS 
    error: function(){ 
     alert("Sorry - "); 
     history.go(-1); 
    } 
});//END AJAX CALL 
    $(document).ready(function(){ 
     //$("#msg-output").append("total - " + systemPath.length); Returns 0 
    }); 

Answer 1

Ajax的异步运行。事情在您的代码中按此顺序执行。 $.ajax()

$.ajax()发起一个Ajax调用

1. 之前的东西（在等待响应继续运行该代码的其余部分）
东西后 $.ajax()
2. success回调

请注意，取决于呼叫的速度有多快3和4可能会以相反的顺序发生（这里不是这种情况）

所以当$(document).ready()执行时，ajax调用可能还没有返回，所以成功回调中的代码没有机会执行。如果你很幸运并且有一个快速的联系，那么在文档准备好之前可能会有回应，但这不太可能。

只是让你可以看到，全局变量被更新，你可以设置一个超时：

$(document).ready(function(){ 
    setTimeout(function(){ 
    $("#msg-output").append("total - " + systemPath.length); 
    //if the delay set below is more than the time between the ajax request and the server response than this will print the correct value 
    },2000); 
});