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 и других браузеров.