【问题标题】:Display data repeatedly重复显示数据
【发布时间】:2017-09-17 15:41:01
【问题描述】:
我正在一个网站上工作,我在该网站上显示我的 MySQL 数据库中的数据。
数据库中的数据每分钟添加一次,我想在我的网站上打印该值 live。
我正在使用以下 PHP 代码作为随机数:
$randomNumber = rand(0, 1000);
如何在不刷新浏览器的情况下让这个数字保持每分钟刷新一次?
【问题讨论】:
标签:
javascript
php
html
frontend
【解决方案1】:
你可以使用javascript setInterval()方法。
setInterval() 方法调用函数或计算表达式
以指定的时间间隔(以毫秒为单位)。
在docs了解更多信息
有关setInterval() 的示例,请参阅此fiddle。
上面的fiddle使用的脚本如下
setTimeout(function(){ alert("Hello"); }, 3000);
每 3 秒显示一次警报。
您可以在上面的示例代码中包含计算随机数的逻辑,而不是显示警报。
【解决方案2】:
使用 JS setInterval() 触发 Ajax 函数,该函数将每 X 秒触发一次 PHP 函数。
使用 jQuery 和 PHP 的简单示例:
index.html
setInterval(function(){ $.ajax({ url: 'process.php',
data: {refresh: 'test'},
type: 'post',
success: function(output) {
alert(output);
}
});
}, 3000);
process.php:
if( isset($_POST['refresh'])) {
$randomNumber = rand(0, 1000);
echo $randomNumber;
}