有没有办法在回调xmlHttpReq.onreadystatechange的文档中更改全局变量？

Question

我非常新的AJAX的东西，但现在我想为某个值设置为基于状态的文档的全局变量在回调函数xmlHttpReq.onreadystatechange改变，我用类似

function checkFile(fileUrl) { 
    var xmlHttpReq = false; 
    var self = this; 
     // Mozilla/Safari 
    if (window.XMLHttpRequest) { 
     self.xmlHttpReq = new XMLHttpRequest(); 
    } 
    // IE 
    else if (window.ActiveXObject) { 
     self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP"); 
    } 

    if(self.xmlHttpReq == null){ 
    alert("Your browser does not support XMLHTTPReq") 
    } 

    self.xmlHttpReq.open('HEAD', fileUrl, true); 
    self.xmlHttpReq.onreadystatechange = function() { 
     if (self.xmlHttpReq.readyState == 4) { 
      if (self.xmlHttpReq.status == 200) { 
     window.rett = 1; 
     //alert(window.rett); 
      } else if (self.xmlHttpReq.status == 404) { 
     window.rett = 0; 
     //alert(window.rett); 
      } 
     } 
    } 
    self.xmlHttpReq.send(); 
} 

我用的是checkFile在一个jQuery模板是这样的：

<script id="resultTemplate" type="text/x-jquery-tmpl"> 
     <li> ${checkFile(link)} <b> {{if window.rett == 1 }} ${link} {{/if}}</b> </li> 
    </script> 

，但是当我在一个jQuery模板访问window.rett，它说不确定...

的reaso n我想获得全局值是我想根据全局值生成不同的GUI。

也许这不是使用全局变量的好习惯吗？任何建议表示赞赏。

Answer 1

很可能是因为当您尝试访问它时，AJAX请求尚未完成（尚未达到状态4），因此您的全局未声明（或者如果是，它仍包含前面的结果）

我建议你在回调中使用你的模板。这样，当您的模板检查值时，该值已经存在：

function yourAjaxFunction(arg1, arg2,...,callback){ 

    //all AJAX setup codes here 

    if (self.xmlHttpReq.readyState === 4) { 
    if (self.xmlHttpReq.status === 200) { 
     //sending the callback a 1 
     callback(1); 
    } else if (self.xmlHttpReq.status === 404) { 
     //sending the callback a 1 
     callback(0); 
    } 
    } 

    //AJAX send codes 

} 

//how you should use it 
yourAjaxFunction(arg1,arg2,...,function(rett){ 
    //use rett here 
    //parse template here 
});