数据库内数据动态实时显示在html
时间: 2023-07-15 18:10:06 浏览: 199
要实现数据库内数据动态实时显示在HTML页面,可以使用AJAX技术。以下是一个简单的示例:
1. 在HTML页面中添加一个DIV元素,用于显示数据库中的数据。
```
<div id="data"></div>
```
2. 使用AJAX从服务器获取数据,并将其显示在DIV元素中。
```
<script>
setInterval(function(){
$.ajax({
url: "get_data.php", // 从服务器获取数据的API地址
success: function(data) {
$("#data").html(data); // 将获取到的数据显示在DIV元素中
}
});
}, 1000); // 每隔1秒钟获取一次数据
</script>
```
3. 在服务器端实现一个API,用于从数据库中获取数据并返回给客户端。
```
<?php
// 连接到数据库
$conn = mysqli_connect("localhost", "username", "password", "database");
// 执行查询语句
$result = mysqli_query($conn, "SELECT * FROM mytable");
// 将查询结果转换为HTML格式
$html = "<table>";
while ($row = mysqli_fetch_assoc($result)) {
$html .= "<tr><td>" . $row['column1'] . "</td><td>" . $row['column2'] . "</td></tr>";
}
$html .= "</table>";
// 返回HTML格式的数据
echo $html;
?>
```
这样,当页面加载时,会自动每隔1秒钟从服务器获取一次数据,并将其显示在DIV元素中,实现数据库内数据动态实时显示在HTML页面的效果。
阅读全文