HTML是一种标记语言，主要用于创建网页和展示内容，它本身并不具备访问数据库的功能，但可以通过JavaScript、PHP等后端编程语言来实现与数据库的交互，在这篇文章中，我们将介绍如何使用JavaScript和PHP这两种常见的后端编程语言来访问数据库。
1、使用JavaScript访问数据库
JavaScript是一种客户端脚本语言，主要用于实现网页的动态效果和与用户的交互，要使用JavaScript访问数据库，需要通过AJAX技术与后端服务器进行通信，这里我们以访问MySQL数据库为例，介绍如何使用JavaScript和AJAX技术来实现这一目标。
我们需要在后端服务器上创建一个用于处理请求的PHP文件，例如getData.php，在这个文件中，我们需要编写代码来连接数据库、执行查询操作并返回结果，以下是一个简单的示例：
<?php
// 连接数据库
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDB";
$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {
die("连接失败： " . $conn->connect_error);
}
// 执行查询操作
$sql = "SELECT id, name FROM myTable";
$result = $conn->query($sql);
// 将结果转换为JSON格式并输出
$data = array();
if ($result->num_rows > 0) {
while($row = $result->fetch_assoc()) {
$data[] = $row;
}
} else {
echo "0 结果";
}
echo json_encode($data);
// 关闭数据库连接
$conn->close();
?>
接下来，我们需要在前端页面中使用JavaScript和AJAX技术来调用这个PHP文件并处理返回的数据，以下是一个简单的示例：
<!DOCTYPE html>
<html>
<head>
<title>使用JavaScript访问数据库</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<h1>数据列表</h1>
<div id="dataList"></div>
<script>
// 使用AJAX技术调用getData.php文件并处理返回的数据
$.ajax({
url: "getData.php", // 请求的URL地址
type: "GET", // 请求方法（GET或POST）
dataType: "json", // 预期服务器返回的数据类型（XML、JSON等）
success: function(data) { // 请求成功时的回调函数
var listHtml = ""; // 用于存储生成的HTML代码的变量
for (var i = 0; i < data.length; i++) {
listHtml += "<p>" + data[i].id + " - " + data[i].name + "</p>"; // 遍历数据并生成HTML代码
}
$("#dataList").html(listHtml); // 将生成的HTML代码插入到页面中的元素中
},
error: function() { // 请求失败时的回调函数（可选）
alert("请求失败");
}
});
</script>
</body>
</html>
2、使用PHP访问数据库
PHP是一种服务器端脚本语言，主要用于处理来自客户端的请求并生成响应，要使用PHP访问数据库，需要使用PHP内置的数据库扩展库，例如MySQLi或PDO，这里我们以访问MySQL数据库为例，介绍如何使用PHP来访问数据库。
我们需要在后端服务器上创建一个用于处理请求的PHP文件，例如getData.php，在这个文件中，我们需要编写代码来连接数据库、执行查询操作并返回结果，以下是一个简单的示例：
<?php
// 连接数据库
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDB";
$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {
die("连接失败： " . $conn->connect_error);
}
// 执行查询操作
$sql = "SELECT id, name FROM myTable";
$result = $conn->query($sql);
$data = array(); // 用于存储查询结果的数组
if ($result->num_rows > 0) { // 如果查询结果不为空，则遍历结果并将数据添加到数组中
while($row = $result->fetch_assoc()) {
$data[] = $row;
}
} else { // 如果查询结果为空，则输出提示信息并结束程序运行（可选）
echo "0 结果"; exit;
}
// 关闭数据库连接并输出查询结果（可选）