根据php文件的输出动态加载html

Question

我正在尝试在 html div 中加载 php 文件的输出。我已经用 jQuery 的($('div').load(url_here)) 方法尝试过了，它工作正常，但我的 php 文件如下：

<?php
for( $i = 0 ; $i < 10 ; $i++ )
{
    echo date('h:i:s').'<br>';
    //flush the output buffer
    flush();
    //send the output buffer
    ob_flush();
   //sleep here
    sleep(1);
} ?>

现在这个 php 文件每秒打印一行，但是当我在 html 的 div 中加载这个 php 时，加载页面需要 10 秒，然后总共添加 10 行。我想加载 div，因为 php 文件每秒返回一行。我的意思是，我希望 html 响应与 php 相同（即每秒加载一行，所以在第一秒它应该加载第一行，在第二秒它应该添加第二行等等）。那么，有可能吗？ （P.S - 我是这个动态网络的初学者）

Answer 1

为了每分钟都得到结果，你必须每分钟打开一个ajax请求来控制时间在javascript中，而不是在php中。

试试：

var timer = window.setInterval(function()
{
    $('div').load(url_here); 
}, 1000);

并删除 php 中的 for 循环和 sleep()。

更新：

要保留结果的历史记录，试试这个：

var content = $('div').text();
$('div').load(url_here).append(content);

Answer 2

PHP

   <?php

        echo date('h:i:s').'<br>';

    ?>

还有 JS

<script>

var timer_php = setInterval(function(){
$("#anydiv").load("abovefile.php");
},1000);

setTimeout(function(){
clearTimer(timer_php);
},10000);
</script>