要在PHP中实时将数据库中的数据显示在网页上,您可以使用Ajax和PHP进行无刷新更新。Ajax这个术语源自描述从基于Web的应用到基于数据的应用,它不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。Ajax在浏览器与Web服务器之间使用异步数据传输,这样就可以使网页从服务器请求少量的信息,而不是整个页面。下面是一个简单的示例:
1.在您的HTML文件中,创建一个div元素来显示数据库中的数据。
<div id="data-container"></div>
2.在PHP文件中,编写一个从数据库中检索数据的脚本来返回数据并将其插入到HTML文件中。
<?php
// 连接到数据库
// ...
// 从数据库中检索数据
$data = // ... 查询语句 ...;
// 将数据插入到HTML文件中
$html = '<p>'.implode('<br>', $data).'</p>';
// 输出有意义的HTTP头部
header('Content-type: text/html');
// 输出HTML文件中的数据
echo $html;
?>
3.在您的JavaScript文件中,使用Ajax技术调用PHP脚本并将结果插入到div元素中。
function updateData() {
// 创建Ajax请求
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
// 更新页面上的数据容器
document.getElementById("data-container").innerHTML = this.responseText;
}
};
// 调用PHP脚本并传递参数(如果有的话)
xhttp.open("GET", "get_data.php", true);
xhttp.send();
}
// 每隔一段时间调用updateData()函数以获取新数据
setInterval(updateData, 1000);
这样,每当指定的时间间隔过去时,JavaScript文件就会通过Ajax调用PHP脚本,获取最新的数据并将其插入到HTML文件中的指定位置。