循环中与 ajax 的同步请求
Synchronous request with ajax in a loop
我有一个包含ajax请求的for循环。请求正在按时工作。所以我无法及时到达请求的结果。如何在不使用任何库的情况下解决此问题?谢谢。
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>";
}
}
}
首先,我建议在执行xmlhttp.open和xmlhttp.send之前放置xmlhttp.onreadystatechange函数。 它可能正在发送和返回,并且由于它是异步运行的,因此它会在您准备好状态更改函数之前返回 可以定义/执行。 类似的东西。
无论如何,您始终可以通过将 xmlhttp.open 中的最后一个参数设置为 false 来同步完成所有操作。 这将使javascript在xmlhttp.send之后等待继续,但无论哪种方式,您仍然需要在打开和发送之前放置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();
}
xmlhttp.open("GET", "control.php?user=" + element.innerText, true)
同步进行 ajax 调用是非常糟糕的做法,因为在 ajax 请求结束之前无法与应用程序交互。我认为在您的情况下,最好在前一个请求的onreadystatechange
回调中发送每个下一个请求。
相关文章:
- 根据最新响应在 Node 中发送同步请求
- 同步请求谷歌地图地理编码
- 火狐插件 SDK 同步请求
- 以发送的相同顺序显示 AJAX 响应,而不使用同步请求
- jquery 1.4,同步请求
- 如何为JQuery$.ajax同步请求设置超时并执行某些操作
- 节点4.2.0 phantom stdout:NETWORK_ERR:XMLHttpRequest异常101:同步请求中
- 正在包装主干同步请求
- RequireJS:同步请求文本内容
- mongodb同步请求
- Marketo-Munchkin同步请求损害了JS的性能
- 节点.js中的同步请求
- 循环中与 ajax 的同步请求
- 用于缓存的Node.js同步请求
- js 1.10, jquery 2.1和同步请求
- AJAX同步请求和操作,同时等待
- 我如何在主干运行一个基本的GET /同步请求
- 为什么异步xmlhttprequest优于同步请求?
- 使用JavaScript同步请求图像
- HTTP同步请求阻止我的GIF在Chrome和IE中移动