-
-
Save ebta/cec97d2592d5dd5ddb7be07746a4b0d9 to your computer and use it in GitHub Desktop.
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="initial-scale=1.0"> | |
<meta http-equiv="X-UA-Compatible" content="ie=edge"> | |
<title>Document</title> | |
</head> | |
<body> | |
Loop through Ajax | |
<button onclick="doLoop()">Run</button> | |
<span id="info"></span> | |
</body> | |
<script> | |
function doLoop() { | |
var resp, arrs, info = document.getElementById('info'); | |
var xhr = new XMLHttpRequest(); | |
xhr.open('GET', 'loop.php', true); | |
xhr.send(null); | |
xhr.onreadystatechange = function () { | |
if (xhr.status == 200) { | |
resp = xhr.response; | |
arrs = resp.split('|'); | |
if (xhr.readyState == XMLHttpRequest.LOADING) { | |
// console.log(resp); | |
info.innerHTML = arrs[arrs.length - 1]; | |
} | |
// All request COMPLETE (FINISH/DONE) | |
if (xhr.readyState == XMLHttpRequest.DONE) { | |
console.log(resp); | |
info.innerHTML = arrs[arrs.length - 1]; | |
} | |
} | |
} | |
} | |
</script> | |
</html> |
<?php | |
header('Content-Type: text/html; charset=UTF-8'); | |
if (ob_get_level() == 0) ob_start(); | |
for ($i = 0; $i < 100; $i++) { | |
echo '|' . str_pad($i,3,'0',STR_PAD_LEFT); | |
ob_flush(); | |
flush(); | |
usleep(100000); // 0.1s | |
} | |
echo "|SELESAI"; | |
ob_end_flush(); |
Hello Ebta, the example for "Flushing While Loop Data with Ajax" could be the solution for an actual problem. I've copied the two files on my webserver and opened the html page. After pressing Run I would have expected to see a running counter from 000 to 099. But what I see is only "SELESAI" after 10s pause. It seems there is no data transmitted while being in the for loop, only after finishing the loop. Finally, the whole string "|000|001|002|...|099|SELESAI" is transmitted.
Can you imagine why it does not work at my site?
I use a Apache 2.4.53 webserver with PHP 7.4.21 running on Linux, and Firefox 109.0.1 on Windows 10.
I would be very glad to hear from you and hopefully you can help me! Kind regards, Dennis Struecker from Germany
Make sure in php.ini that output_buffering is set (active), for example
output_buffering = 4096
Hello Ebta,
thx for your reply. I tried many options with output_buffering and other things, nothing worked. At last, I assume my firewall or virus scanner operated by our corporate IT blocks the communication. On a linux system with the webserver and client running on the same machine (as intended on the target system) it runs fine!
Hello Ebta,
the example for "Flushing While Loop Data with Ajax" could be the solution for an actual problem. I've copied the two files on my webserver and opened the html page. After pressing Run I would have expected to see a running counter from 000 to 099. But what I see is only "SELESAI" after 10s pause.
It seems there is no data transmitted while being in the for loop, only after finishing the loop. Finally, the whole string "|000|001|002|...|099|SELESAI" is transmitted.
Can you imagine why it does not work at my site?
I use a Apache 2.4.53 webserver with PHP 7.4.21 running on Linux, and Firefox 109.0.1 on Windows 10.
I would be very glad to hear from you and hopefully you can help me!
Kind regards,
Dennis Struecker from Germany