今天我们来聊一下使用AJAX从数据库中获取数据的方法。AJAX（Asynchronous JavaScript and XML）是一种通过后台与服务器进行数据交互的技术，它可以实现无需刷新页面就能获取最新的数据库数据，极大地提升了用户体验。下面我们就来看一些实际的例子。

假设我们有一个网站，上面展示着各种商品信息。我们想要通过AJAX从数据库中获取商品列表，并实时地显示在网页上。首先，我们需要编写一个后台脚本来连接数据库并提供数据。

// 后台脚本(PHP)获取商品列表并返回JSON数据
$servername = "localhost";
$username = "root";
$password = "123456";
$dbname = "myDB";
// 创建与数据库的连接
$conn = new mysqli($servername, $username, $password, $dbname);
// 检查连接是否成功
if ($conn->connect_error) {
die("连接数据库失败: " . $conn->connect_error);
}
// 查询数据库获取商品列表
$sql = "SELECT * FROM products";
$result = $conn->query($sql);
// 将查询结果转换成JSON格式并输出
$data = array();
if ($result->num_rows > 0) {
while($row = $result->fetch_assoc()) {
$data[] = $row;
}
}
echo json_encode($data);
// 关闭与数据库的连接
$conn->close();

上述代码首先通过mysqli类与数据库建立连接，并查询products表中的所有记录。然后将查询结果逐行存入$data数组中，并最后使用json_encode()函数将数组转换成JSON数据返回给前端页面。

接下来，我们需要在前端页面中使用AJAX来获取后台脚本返回的数据，并将其展示在网页上。以下是一个简单的示例：

// 前端页面使用AJAX获取商品数据并展示
$.ajax({
url: "get_products.php",
method: "GET",
dataType: "json",
success: function(data) {
// 将获取到的数据展示在网页上
for(var i in data) {
$("#product-list").append("<li>" + data[i].name + "</li>");
}
},
error: function(xhr, status, error) {
console.error("AJAX请求出错: " + error);
}
});

上述代码使用了jQuery框架的ajax()函数，通过指定后台脚本的URL、请求方法和返回的数据类型来向后台发送请求。在成功获取数据后，我们遍历返回的JSON数据，将每个商品的名称添加为一个