要通过AJAX动态获取数据库数据并显示在HTML复选框中，你需要做以下几步：
- 创建一个服务端脚本（如PHP），用于处理AJAX请求并从数据库中检索数据。
- 在客户端（HTML页面）上使用JavaScript编写AJAX代码，向服务端发送请求。
- 服务端响应请求，将数据以JSON格式发送回客户端。
- 客户端接收JSON数据，遍历数据并动态创建复选框，并将它们插入到页面上的相应位置。
以下是实现这一功能的示例代码：
服务端脚本（PHP）:
<?php
// 连接数据库
$db = new PDO('mysql:host=localhost;dbname=your_db_name', 'username', 'password');
// 准备查询
$query = $db->prepare("SELECT id, name FROM items");
// 执行查询
$query->execute();
// 获取查询结果
$results = $query->fetchAll(PDO::FETCH_ASSOC);
// 将结果转换为JSON
echo json_encode($results);
?>客户端代码（HTML/JavaScript）:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Checkboxes from Database</title>
<script>
window.onload = function() {
fetch('server_script.php') // 替换为你的服务端脚本URL
.then(response => response.json())
.then(data => {
const container = document.getElementById('checkboxes');
data.forEach(item => {
const checkbox = document.createElement('input');
checkbox.type = 'checkbox';
checkbox.name = 'checkboxName';
checkbox.id = 'checkboxId_' + item.id;
checkbox.value = item.name;
checkbox.innerHTML = item.name;
container.appendChild(checkbox);
});
});
};
</script>
</head>
<body>
<div id="checkboxes">
<!-- 复选框将被动态添加到这个div中 -->
</div>
</body>
</html>确保服务端脚本（server\_script.php）是可访问的，并且在客户端的fetch函数中正确指定了URL。这个例子假设你已经有了一个数据库，其中有一个名为items的表，有id和name两个字段。