1.prepare front-end code, meta content-type cannot be ignored! as to the xhr, status should be 3
<!doctype html> </html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <div id="d"></div> <script type="text/javascript" src="/dwztp/Public/dwz/js/jquery-1.7.2.min.js"></script> <script type="text/javascript"> var xhr=new XMLHttpRequest(),pos=0; xhr.onreadystatechange=function(){ if(xhr.readyState==3){ $("#d").html(xhr.responseText.substr(pos)); pos= xhr.responseText.length; } else{ $("#d").html(xhr.responseText); } }; $.ajaxSetup({cache:false}); xhr.open("get","a.php",true); xhr.send(null); // $.get("a.php",function(data){ // //document.write(data); // }); </script> </body> </html>
2.back-end, remember to to call two methods to set time limit to unlimited and cache-control to be no-cache;
<? set_time_limit(0); header("Cache-Control: no-cache, must-revalidate"); echo(date(‘Y‘)); $no=0; while (date(‘Y‘) == ‘2016‘){ echo ‘hello 2016+‘.$no.‘<br/>‘; ob_flush(); flush(); sleep(2); $no++; } ?>
时间: 2024-10-09 06:28:58