Question

我正在编写一个PHP代码来从我的服务器ping一台计算机。代码很简单，但我认为浏览器正在缓存传入的数据：

run.php

<?php

    for ($i=0; $i<10; $i++) {
        $host = '127.0.0.1'; 
        $port = 80; 
        $waitTimeoutInSeconds = 1; 
        if($fp = fsockopen($host,$port,$errCode,$errStr,$waitTimeoutInSeconds)){   
            // It worked 
            echo "yes, you can access $ip from this server<BR>";
            sleep(1);
        } else {
            // It didn't work 
            echo "nope, you cannot access $ip from this server<BR>";
        } 
        fclose($fp);
    }

?>

的index.php

<script src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script>
    $.ajax({
        url: 'run.php',
        success: function(data) {
            $('.ping-data').append(data);
        }
    });
</script>
Ping data:
<div class="ping-data" style="border: 1px solid #9f9f9f; width: 600px; min-height: 400px;"></div>

但是当我运行代码index.php时，它会等待并回显整个数据一次，而不是每秒打印一行ping。如何在发送一行数据时捕获此事件并打印数据？

Answer 1

你需要从php中删除sleep / for并在js中创建一个函数来对服务器进行间接ping操作，如：

var interval = setInterval(ping, 1000);
var times = 0;
var timestorun = 10;
function ping(){
    if(times < timestorun){
        times++;
    }else{
        clearInterval(interval);
        return false;
    }
    $.ajax({
        url: 'run.php',
        success: function(data) {
            $('.ping-data').append(data);
        }
    });
}

Answer 2

只需从PHP文件中删除循环，这样它只执行一次请求并将循环添加到客户端（Javascript）。

Answer 3

添加到Class的答案，我建议将cache参数添加到ajax调用中，以避免浏览器端缓存：

var interval = setInterval(ping, 1000);
var times = 0;
var timestorun = 10;
function ping(){
    if(times < timestorun){
        times++;
    }else{
        clearInterval(interval);
        return false;
    }
    $.ajax({
        url: 'run.php',
        cache: false,
        success: function(data) {
            $('.ping-data').append(data);
        }
    });
}

另见jQuery.ajax

jquery的传入数据事件处理程序

3 个答案: