我试图在用户访问页面之前检索表中存在的所有行,然后用用户访问页面后添加到表中的任何数据行更新div。(像Whatsapp一样,整个convo都是可见的,新消息会添加到底部)。
这就是我目前使用Ajax的情况,但我不知道从这个阶段开始我将走向何方。它目前只会显示最新的记录(如果我在第二个文件中手动设置时间戳),但不会显示之前的所有其他记录。理想情况下,我应该将时间发布到第二个档案中。
我如何修改我的代码以获得我想要的功能?
显示(autoload.php)
var time = (new Date).getTime();
var interval = 1000; // 1000 = 1 second, 3000 = 3 seconds
function doAjax() {
$.ajax({
type: 'POST',
url: 'autoload2.php',
dataType: 'json',
data: 'time='+time,
success: function (data) {
$('.inner').append(data);
},
complete: function (data) {
setTimeout(doAjax, interval);
}
});
}
setTimeout(doAjax, interval);
获取数据(autoload2.php)
$time = $_POST['time'];
$results = mysql_query("SELECT post_name FROM posts WHERE postime > $time limit 1");
$row = mysql_fetch_assoc($results);
$res = $row['post_name'];
echo json_encode($res);
注意:上面用来查询的时间不起作用,只有当它是用时间戳硬编码的时候。
我认为你需要移动
var time = (new Date).getTime();
到您的功能
因为你的时间变量没有改变
var interval = 1000; // 1000 = 1 second, 3000 = 3 seconds
function doAjax() {
var time = (new Date).getTime();
$.ajax({
type: 'POST',
url: 'autoload2.php',
dataType: 'json',
data: 'time='+time
}).done(function(response){
console.log(response);
});
}
setInterval(doAjax, interval);
在php:中
$data = Array('name' => 'name of last row');
header('Content-Type: application/json');
echo json_encode($data);