繁体   English   中英

我们如何使用ajax jquery每分钟刷新一次页面数据?

[英]How do we make our page refresh data once every minute with ajax jquery?

我们如何实现计时器每隔一分钟发送一个ajax请求来刷新数据(比如数据库中其他用户的新条目)。 我在jquery中使用$ .ajax。

我的目的是发送上次更新的时间,以便服务器不发送重复数据。 仅在该时间之后创建的行。

我的服务器脚本是php。

发送日期和时间您可以使用此功能

        var date    = new Date();
        var date    = date.getUTCFullYear() + '-' +
        ('00' + (date.getUTCMonth()+1)).slice(-2) + '-' +
        ('00' + (date.getUTCDate()).slice(-2) + ' ' + 
        ('00' + date.getUTCHours()).slice(-2) + ':' + 
        ('00' + date.getUTCMinutes()).slice(-2) + ':' + 
        ('00' + date.getUTCSeconds()).slice(-2);

上面将以mysql格式格式化日期和时间,您将通过变量传递给mysql查询,然后使用setInterval在每分钟后传递当前时间

    setInterval(function(){ 
     $.ajax({
     type:"POST",
     data:"Time="+ date,     
     url:"serverRef",
     success: function(data){
         // On success 
                           }
     });              

     },60000);

注意:您也可以在服务器端使用相同的技术

使用jQuery的帖子 setInterval可以创造奇迹。 确保你有很多访问者,记得缓存,否则你可以在不注意的情况下提出大量的查询,过去我注意到这些问题可能会压倒一些主机并使你脱机。

var ajax = window.setInterval(function(){
    $.post('path/to/my/script.php', function(data){
         if(data == "stop")
         {
             clearInterval(ajax);
             return;
         }

         $('#statistics').html(data);
    });
}, 60000);

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM