在HTML页面中循环显示数据库数据，通常需要结合后端编程语言（如PHP、Python、Java等）和前端技术（如JavaScript、AJAX等）来实现，下面以PHP和MySQL为例，介绍如何在HTML页面中循环显示数据库数据。
1、创建数据库和表
我们需要创建一个数据库和一个表来存储数据，这里我们使用MySQL数据库，创建一个名为testdb的数据库，并在其中创建一个名为users的表，包含id、name和age三个字段。
CREATE DATABASE testdb; USE testdb; CREATE TABLE users ( id INT PRIMARY KEY AUTO_INCREMENT, name VARCHAR(50), age INT );
2、连接数据库
接下来，我们需要在PHP文件中连接到刚刚创建的数据库，这里我们使用mysqli扩展来实现。
<?php $servername = "localhost"; $username = "username"; $password = "password"; $dbname = "testdb"; // 创建连接 $conn = new mysqli($servername, $username, $password, $dbname); // 检测连接 if ($conn->connect_error) { die("连接失败： " . $conn->connect_error); } ?>
3、查询数据并输出到HTML页面
现在我们可以编写SQL查询语句来获取数据库中的数据，并将其输出到HTML页面中，这里我们使用PHP的mysqli_query()函数执行查询，并使用while循环遍历结果集。
<!DOCTYPE html>
<html>
<head>
<title>循环显示数据库数据</title>
</head>
<body>
<table border="1">
<tr>
<th>ID</th>
<th>姓名</th>
<th>年龄</th>
</tr>
<?php
$sql = "SELECT * FROM users";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
while($row = $result->fetch_assoc()) {
echo "<tr><td>" . $row["id"]. "</td><td>" . $row["name"]. "</td><td>" . $row["age"]. "</td></tr>";
}
} else {
echo "0 结果";
}
$conn->close();
?>
</table>
</body>
</html>
4、运行结果
将上述代码保存为一个PHP文件（index.php），然后在浏览器中访问该文件，即可看到数据库中的数据被循环显示在HTML表格中。
至此，我们已经完成了在HTML页面中循环显示数据库数据的过程，下面是两个与本文相关的问题与解答：
问题1：如何在HTML页面中使用JavaScript循环显示数据库数据？
答案：可以使用AJAX技术实现，在HTML页面中创建一个用于显示数据的容器（如div），然后编写JavaScript代码，通过AJAX请求后端接口获取数据，并将数据显示在容器中，具体实现方法可以参考这篇文章：https://www.w3schools.com/jquery/ajax_ajax.asp。
问题2：如何在HTML页面中使用PHP循环显示不同表中的数据？
答案：可以在PHP代码中编写多个SQL查询语句，分别查询不同的表，并使用while循环遍历每个查询结果集，然后将每个表中的数据分别输出到HTML页面的不同部分，具体实现方法可以参考这篇文章：https://www.w3schools.com/php/php_mysql_select_multiple.asp。
原创文章，作者：K-seo，如若转载，请注明出处：https://www.kdun.cn/ask/382141.html
微信扫一扫 