随着互联网的发展，前端与后端的交互变得越来越重要。当我们需要从服务器获取数据并在网页上展示时，使用Ajax技术是一个非常好的选择。Ajax可以在不刷新整个网页的情况下，通过与服务器的后台交互，实现局部数据的更新。本文将介绍如何使用Ajax来获取数据库中的数据，并通过一些具体的例子来说明。

假设我们有一个电影信息的数据库，里面保存了各个电影的名称、导演、主演和上映时间等信息。当用户在网页上选择一个电影时，我们希望能够通过Ajax从数据库中获取该电影的详细信息，并在网页上展示出来。

首先，我们需要在网页的头部引入jQuery库，以便使用其中的Ajax函数。代码如下：

在上面的代码中，我们首先使用`$(document).ready()`函数来确保页面加载完毕后再执行Ajax操作。然后，我们监听了下拉菜单的`change`事件，当用户选择电影时，就会触发这个事件。然后我们通过`$(this).val()`来获取用户选择的电影ID。

接着，我们使用`$.ajax()`函数发送一个POST请求到`getMovieInfo.php`文件。我们通过`data`参数传递了一个对象，其中包含了电影ID。服务器可以通过读取这个ID来获取相应的电影信息。

当服务器返回电影信息后，`success`回调函数就会被执行。我们使用`$(#movieInfo).html(data)`将返回的数据显示在网页上。

最后，我们需要在服务器端编写一个脚本来处理Ajax请求，读取数据库中的电影信息，并返回给客户端。下面是一个简单的PHP示例：

";
echo "导演： " . $row['director'] . "
";
echo "主演： " . $row['actors'] . "
";
echo "上映时间：" . $row['release_date'] . "
";
// 关闭数据库连接
mysqli_close($conn);
?>

在这个示例中，我们首先连接到数据库，并获取了POST请求中的电影ID。然后，我们使用该ID来查询数据库中的电影信息，并将结果存储在一个关联数组中。最后，我们使用`echo`语句将电影信息返回给客户端。

通过上面的例子，我们可以看到，通过Ajax获取数据库数据非常简单。我们只需要借助jQuery库的`$.ajax()`函数，结合服务器端的脚本，就能够轻松实现从数据库中获取数据并在网页上展示。这种方式能够提高网页用户体验，并且减少了对服务器的压力。