在现代网页开发中，使用AJAX技术可以实现页面无刷新加载数据，提高用户体验。其中一个常见的应用场景是通过AJAX访问数据库，动态加载网页内容。比如，当用户浏览一个电子商务网站时，如果每次点击一个商品都要刷新整个页面，将会给用户带来不好的体验。而使用AJAX，可以通过异步请求加载商品信息，提升网页加载速度，减轻服务器压力。

为了更好地理解AJAX访问数据库的工作原理，我们以一个简单的例子来说明。假设有一个留言板网页，用户可以在上面发表留言，并可以查看所有已经发布的留言。当用户在网页底部点击“加载更多”按钮时，AJAX将会向服务器发送异步请求获取更多留言数据。服务器接收请求后，从数据库中查询出新的留言并返回给网页，网页再将新的留言追加到已有内容后面。

$.ajax({
url: "getMessages.php",
type: "GET",
data: { page: currentPage },
dataType: "json",
success: function(response) {
if (response.length > 0) {
for (var i = 0; i < response.length; i++) {
var message = response[i];
// 根据返回的留言数据构建HTML元素，追加到留言板中
$("#messageBoard").append("<div class='message'>" + message.content + "</div>");
}
currentPage++; // 更新当前页数
} else {
// 如果没有新的留言，显示“没有更多留言”的提示
$("#messageBoard").append("<div class='info'>没有更多留言了</div>");
}
},
error: function() {
// 处理请求错误
$("#messageBoard").append("<div class='error'>加载留言失败，请稍后重试</div>");
}
});

上面的代码是一个典型的AJAX请求示例。使用了jQuery的ajax函数发送GET请求，指定了服务器端的URL（getMessages.php），发送的参数（当前页数），以及从服务器返回的数据类型（json）。当请求成功时，我们根据返回的留言数据构建对应的HTML元素，并将其追加到留言板中，同时更新当前页数。当请求失败时，我们可以根据需要进行错误处理。

在服务器端，我们需要编写相应的代码来处理AJAX请求，并从数据库中获取数据。以下是一个简化的服务器端代码示例（使用PHP）：

$currentPage = $_GET['page'];
$pageSize = 10; // 每页显示10条留言
// 根据当前页数和每页数量计算出查询的起始位置
$startIndex = ($currentPage - 1) * $pageSize;
// 从数据库中查询留言数据
$query = "SELECT * FROM messages ORDER BY id DESC LIMIT $startIndex, $pageSize";
$result = mysqli_query($conn, $query);
// 处理查询结果并返回给客户端
$messages = array();
while ($row = mysqli_fetch_assoc($result)) {
$messages[] = array(
'id' => $row['id'],
'content' => $row['content'],
'author' => $row['author']
);
}
header('Content-Type: application/json');
echo json_encode($messages);

上述代码接收到客户端传递的当前页数，计算出查询留言的起始位置，然后根据起始位置和每页数量查询数据库中的留言数据。将查询结果存储到一个数组中，并以JSON格式返回给客户端。

通过上述例子，我们可以看到，使用AJAX技术访问数据库可以轻松实现页面无刷新加载数据的功能。无论是电子商务网站还是留言板，都可以通过AJAX在用户体验和服务器性能方面带来很大的提升。