Ajax 重新发送 XMLHttpRequest

Question

我有一个这样的客户端 js/ajax 脚本：

<p>server  time  is:  <strong  id="stime">Please  wait...</strong></p>

<script>
function  updateAjax()  {
    xmlhttp  =  new  XMLHttpRequest();
    xmlhttp.onreadystatechange  =  function()  {
        if (xmlhttp.readyState==3  &&  xmlhttp.status==200)  {
            document.getElementById("stime").innerHTML=
            xmlhttp.responseText;
        }
        if  (xmlhttp.readyState==4)  {  
            xmlhttp.open("GET","date-sleep.php",true);
            xmlhttp.send();
        }
    }
    xmlhttp.open("GET","date-sleep.php",true);  
    xmlhttp.send();
}
window.setTimeout("updateAjax();",100);
</script>

还有一个在服务器端：

<?php
    echo  6;
    for  ($i=0;  $i<10;  $i++)  {
        echo  $i;
        ob_flush();  flush();
        sleep(1);
    }
?>

在第一次“打开”和“发送”之后它工作正常，但是当服务器完成脚本和xmlhttp.readyState == 4 然后 xmlhttp 重新发送请求但没有任何反应。

Answer 1

不要一直重复使用同一个 XHR 对象，而是尝试使用新对象重复该功能。这至少应该解决您列出的不兼容问题。

如果您想无限循环，请尝试在其回调中重新调用您的 Ajax 函数。

if  (xmlhttp.readyState==4) {  
     updateAjax(); //or setTimeout("updateAjax();",100); if you want a delay
}

我还建议将您的.innerHTML 方法放在.readyState==4 中，这表示请求的文档已完全加载，.status==200 表示成功。像这样：

if (xmlhttp.readyState==4  &&  xmlhttp.status==200) {
       document.getElementById("stime").innerHTML=
       xmlhttp.responseText;
       updateAjax(); //or setTimeout("updateAjax();",100);
}

另外，如果您希望您的 Ajax 跨浏览器，您应该测试浏览器是否支持您正在使用的 XHR object：

var xmlhttp = (window.XMLHttpRequest) ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");

我刚刚输入了上面的代码，但它应该可以很好地添加与旧版本 IE 和其他浏览器的兼容性。