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元素中。

php显示数据库图片若何用PHP将数据库中的数据及时显示在网页上 PHP

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文件中的指定位置。