当数据库中有新条目时,我想在网站上实时显示(无需重新加载)。最好的方法是什么?
问问题
159 次
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 回答