0

当数据库中有新条目时,我想在网站上实时显示(无需重新加载)。最好的方法是什么?

4

2 回答 2

1

您最好的选择是使用长轮询(使用 AJAX 轮询 Web 服务器)。此方法通过 jQuery 使用长轮询(彗星):

var timestamp = null;

function waitForMsg() {
    $.ajax({
        type: "POST",
        url:  "/path/to/php-script.php",
        data: { timestamp: timestamp },
        async: true,
        cache: false,
        success: function(data) {
            var json = eval('(' + data + ')');

            if(json['msg'] !== '') {
                $('#example-element').append(json['msg'] + '<br />');
            }

            timestamp = json['timestamp'];
            setTimeout(waitForMsg, 1000);
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {
            $('#error').html('Error: ' + textStatus + ' (' + errorThrown + ')');
            setTimeout(waitForMsg, 15000);
        }
    });
}

$(document).ready(function() {
    waitForMsg();
});

PHP 可能看起来像:

$filename = 'text_file.txt'; // Replace this with a "$query" if using a db
$lastmod  = isset($_POST['timestamp']) ? $_POST['timestamp'] : 0;
$currmod  = filemtime($filename);

while($currmod <= $lastmod) {
    usleep(10000);
    clearstatcache();
    $currmod = filemtime($filename);
}

$response = array();
$response['msg'] = file_get_contents($filename); // Or run your db query here
$response['timestamp'] = $currmod;

echo json_encode($response);
于 2012-08-09T23:44:07.070 回答
0

ajax 和带有超时的递归函数

check();

function check() {

    // ajax

    setTimeout(check, 5000); // check every 5 seconds
}
于 2012-08-09T23:43:56.773 回答