Я искал похожие темы, но, похоже, ни одна из них не решает проблему, с которой я столкнулся в настоящее время.
У меня есть этот JavaScript:
<script type="text/javascript">
http = new XMLHttpRequest();
function fetch()
{
http.open("GET", "script.php", true);
http.onreadystatechange = useHttpResponse;
http.send(null);
}
function useHttpResponse()
{
if(http.readyState == 4)
{
var textout = http.responseText;
document.getElementById("ajax").innerHTML=textout;
}
}
</script>
Очень простые вещи. PHP-скрипт представляет собой простой цикл:
for($i = 0; $i < 30000; $i++)
{
echo 'Hello<br />';
}
Это прекрасно работает. Я нажимаю кнопку, которая имеет onClick="javascript:fetch()"
и она запрашивает PHP-скрипт и выводит 30 000 строк «Hello» в div с идентификатором «ajax».
Проблема в том, что он должен ждать, пока он не запустит все 30 000 циклов. Я хочу, чтобы он выводил ответ через AJAX-запрос после КАЖДОГО цикла, чтобы список расширялся при выполнении скрипта. Это возможно? Как бы я это сделал? Как я уже сказал, я искал, но пришел пустой. Я понимаю, что это чисто косметический эффект, но я был бы признателен за любые советы!
Спасибо