Ajax是一种在web开发中常用的技术，它可以通过异步的方式从后台数据库获取数据，然后将数据动态地展示在前端页面中。这种技术的好处在于可以实现页面的局部刷新，提高用户体验。下面将通过举例来展示如何使用Ajax获取数据库信息。

我们假设有一个简单的网页，其中包含一个按钮和一个用于展示数据的div元素。当用户点击按钮时，我们希望能够从数据库中获取数据，并将数据展示在div元素中。

首先，在HTML中定义一个按钮和一个用于展示数据的div元素：

<button id="getDataButton">点击获取数据</button>
<div id="dataContainer"></div>

接着，在JavaScript中定义使用Ajax来获取数据库信息的函数：

function getDataFromDatabase() {
var xmlhttp;
if (window.XMLHttpRequest) {
// 创建新的XMLHttpRequest对象
xmlhttp = new XMLHttpRequest();
} else {
// 兼容旧版本浏览器
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
// 当请求完成且响应状态为200时，将数据展示在页面上
document.getElementById("dataContainer").innerHTML = xmlhttp.responseText;
}
};
// 发送GET请求，请求获取数据库信息的接口
xmlhttp.open("GET", "get_data.php", true);
xmlhttp.send();
}
// 添加按钮点击事件监听器
document.getElementById("getDataButton").addEventListener("click", getDataFromDatabase);

在上述代码中，我们首先根据浏览器的兼容性创建一个XMLHttpRequest对象，然后定义了一个回调函数，用于在请求完成后将返回的数据展示在页面上。接着，我们打开一个GET请求，并指定获取数据库信息的接口为"get_data.php"。最后，通过click事件监听器将getDataFromDatabase函数绑定到按钮的点击事件上。

最后，我们需要在get_data.php文件中编写后台代码来获取数据库信息并返回给前端：

<?php
$servername = "localhost";
$username = "your_username";
$password = "your_password";
$dbname = "your_database";
// 创建数据库连接
$conn = new mysqli($servername, $username, $password, $dbname);
// 检查连接是否成功
if ($conn->connect_error) {
die("连接失败：" . $conn->connect_error);
}
// 查询数据库信息
$sql = "SELECT * FROM your_table";
$result = $conn->query($sql);
// 将查询结果转换为HTML格式
if ($result->num_rows >0) {
while($row = $result->fetch_assoc()) {
echo "<p>" . $row["column1"] . ", " . $row["column2"] . "</p>";
}
} else {
echo "<p>没有数据</p>";
}
// 关闭数据库连接
$conn->close();
?>

在以上get_data.php代码中，首先我们定义了一些连接数据库所需的信息，如服务器名、用户名、密码和数据库名。然后，我们创建一个数据库连接，并检查连接是否成功。接着，我们执行查询数据库信息的SQL语句，并将查询结果转换为HTML格式。最后，我们关闭数据库连接。

通过以上简单的示例，我们可以看到使用Ajax从数据库中获取信息是一种非常便捷的方式。通过将获取数据和展示数据的操作分离，我们可以实现页面的局部刷新，提高用户体验。