我有一个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>
答案 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>