Javascript定期获取最后一行mysql

时间:2013-11-13 14:20:15

标签: javascript php mysql ajax

我有一个MySQL数据库,其中包含了协调。我想使用java-script和php在Google地图上显示这些内容。我基本上要做的是每隔3秒从数据库中提取最后一行并在地图上更新我的标记位置。

我遇到的问题是,当我在java脚本中调用我的php函数时,它只在页面加载时调用一次。之后它不会调用它,并且不会显示数据库中添加的后续值。

如何定期从数据库中获取最后一行到我的java脚本?

编辑: 以下代码只更新div一次,函数每秒调用一次,但php函数返回的值总是相同。

<html>

<?php
$con=mysqli_connect("localhost","*****","*****","gps");

function getLast(){
         $sql = "
                 SELECT longitude 
                      , latitude     
                   FROM gpstable
                  ORDER 
                     BY id DESC
                  LIMIT 1;
                ";

         $result = mysqli_query($GLOBALS['con'],$sql);
         $row = mysqli_fetch_row($result);

         $longi=$row[0];
         $lati = $row[1];
         return $longi .','. $lati;
}
?>


<script>
var t =setInterval(function(){changeDivContent()},1000);

function changeDivContent(){
        var phpadd= <?php echo getLast(); ?>;
        document.getElementById("content").innerHTML = phpadd;
}
</script>


<body>
        <div id="content">ABC</div>
</body>

</html>

1 个答案:

答案 0 :(得分:2)

您可以使用JavaScript函数:

setInterval(function() {
    /* ajax code to get the last coodinate */
}, 3000);

编辑: 你编辑了你的问题。 每次调用changeDivContent()函数时,相同的值都会进入“phpadd”。

每次要在PHP中进行查询时,都必须连接到数据库。

也许你可以创建一个返回最后一个坐标的PHP文件(任何格式,如JSON或HTML)。在主文件中,使用Ajax调用另一个文件以获取最后一个坐标。

根据Moob的评论,setTimeout更好:

function myFunction()
{
    /* code here */
    setTimeout(myFunction, 3000);
}

myFunction();

您可以使用JQuery做什么(在JavaScript中不知道):

<?php

// getCoordinatesAjax.php

$con = mysqli_connect("localhost","*****","*****","gps");

$sql = "SELECT longitude, latitude FROM gpstable ORDER BY id DESCLIMIT 1";

$result = mysqli_query($GLOBALS['con'],$sql);
$row = mysqli_fetch_row($result);

echo $row[0] .','. $row[1];




<!-- main.php -->

<script>

    function myFunction()
    {
        $.ajax({
            url: "getCoordinatesAjax.php"
        })
        .done(function(html) {
            $("#content").append(html);
        });

        setTimeout(myFunction, 3000);
    }

    myFunction();

</script>