ajax在一个循环中的同步请求

我有一个包含ajax请求的for循环。请求正在异步工作。所以我无法及时达到请求的结果。我怎样才能解决这个问题，而不使用任何库？谢谢。所有的ajax在一个循环中的同步请求

var availables = document.getElementsByClassName("available"); 

    for(var i=0;i<availables.length;i++){ 
     var element = availables[i]; 

     var xmlhttp; 
     if(window.XMLHttpRequest) 
      xmlhttp = new XMLHttpRequest; 
     else 
      xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 

     xmlhttp.open("GET", "control.php?user=" + element.innerText, true); 
     xmlhttp.send(); 

     xmlhttp.onreadystatechange = function(){ 
      if(xmlhttp.readyState == 4 && xmlhttp.status == 200){ 
       var result = xmlhttp.responseText; 
       console.log(result); 

       element.setAttribute("class" , "result available " + result); 
       if(result == "online") 
        element.innerHTML = "<a href=\"http://twitter.com/" + element.innerText + "\">" + element.innerText + "</a>"; 
      } 
     } 
    }

来源

2013-06-19 dorukce

那么问题是什么？为什么你会异步处理响应？ –

首先，我建议把你的xmlhttp.onreadystatechange功能你做xmlhttp.open和xmlhttp.send之前。它可能是发送和返回的，并且由于它是异步运行的，所以它可以在您定义/执行onreadystatechange函数之前回退。类似的东西。

无论如何，您始终可以通过将xmlhttp.open中的最后一个参数设置为false来同步执行所有操作。这会使xmlhttp.send在继续之前等待javascript，但无论哪种方式，在打开和发送之前，仍然需要放置onreadystatechange。

var availables = document.getElementsByClassName("available"); 

for(var i=0;i<availables.length;i++){ 
    var element = availables[i]; 

    var xmlhttp; 
    if(window.XMLHttpRequest) 
     xmlhttp = new XMLHttpRequest; 
    else 
     xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 

    xmlhttp.onreadystatechange = function(){ 
     if(xmlhttp.readyState == 4 && xmlhttp.status == 200){ 
      var result = xmlhttp.responseText; 
      console.log(result); 

      element.setAttribute("class" , "result available " + result); 
      if(result == "online") 
       element.innerHTML = "<a href=\"http://twitter.com/" + element.innerText + "\">" + element.innerText + "</a>"; 
     } 
    } 

    xmlhttp.open("GET", "control.php?user=" + element.innerText, true); 
    //xmlhttp.open("GET", "control.php?user=" + element.innerText, false); //If you want to do it synchronously 
    xmlhttp.send(); 
}

来源

2013-06-19 20:42:02

这是非常不好的做法，让您的AJAX调用同步xmlhttp.open("GET", "control.php?user=" + element.innerText, true)因为直到一个Ajax请求结束，你不能与你的应用程序进行交互。我认为在你的情况下，最好在onreadystatechange回调前发送下一个请求。

来源

2013-06-19 20:49:50

ajax在一个循环中的同步请求

回答

相关问题