javascript - 如何每 10 秒检查数据库中是否有较新的更新？

Question

我只希望 home.php 文件中名为“footer”的特定部分每 30 秒刷新并显示数据库中的最新时间更新。我尝试过但没有成功。谁能建议一下该怎么做？

这是我的 home.php 代码的一部分:

<div id="footer" style="text-align:right; font-size:0.8em; color:red;">
    <?php 
        echo "Last Update: " .$assignments[0]->time_updated;
    ?>
</div>

js代码:

function getTime(){
    $('#footer').load('home.php',function () {
         $(this).unwrap();
    });
}

getTime(); 
setInterval(function(){
    getTime() 
}, 30000);

Answer 1

这样该值将不会被更新，因为要获取最新值，您需要刷新整个页面。要做到这一点，最好的方法是
1)首先创建一个PHP文件来查询数据库并获取最新时间，
2)向该PHP文件发出ajax请求以获取最新时间
3) 并更改页脚的文本。

例如如下所示:

$(document).ready(function(){
    function getTime(){
        //var some_id = $("#some_id").val();// you can get values and pass to your PHP script too
        $.ajax({
            type: "GET", //or POST how you define your PHP file to get latest date
            url: get_latest_date.php,
            //data: "id="+some_id, //you can pass some data like this
            success: function(msg){
                $("#footer").html(msg); //If you just simple echo latest value form your PHP file
            }

        })
    }

    getTime(); 
    setInterval(function(){
        getTime() 
    }, 30000);
});

创建一个名为 get_latest_date.php 的文件，并简单地从数据库中回显最新时间。get_latest_date.php

<?php 
echo date("H:i:s");
?>