温馨提示：这篇文章已超过287天没有更新，请注意相关的内容是否还可用！
Ajax是一种用于在不刷新整个页面的情况下，从服务器获取数据并将其显示在页面上的技术。它通过在后台与服务器进行异步通信，可以实现实时更新页面内容的效果。在展示一个列表时，我们可以使用Ajax来获取列表数据，并将数据动态地显示在页面上。
我们需要在页面中创建一个用于展示列表的容器，比如一个<ul>元素。然后，我们可以使用Ajax来获取列表数据，并将数据添加到<ul>元素中。
示例代码如下：
<!DOCTYPE html>
<html>
<head>
<title>Ajax展示列表</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
// 使用Ajax获取列表数据
$.ajax({
url: "list_data.php", // 服务器端获取列表数据的URL
type: "GET",
dataType: "json",
success: function(data){
// 将数据添加到<ul>元素中
var list = $("#list"); // 列表容器的ID为"list"
$.each(data, function(index, item){
var listItem = $("<li>").text(item); // 创建一个<li>元素，并设置其文本内容为列表项的值
list.append(listItem); // 将<li>元素添加到<ul>元素中
});
}
});
});
</script>
</head>
<body>
<ul id="list"></ul> <!-- 用于展示列表的容器 -->
</body>
</html>
在上述示例代码中，我们使用了jQuery库来简化Ajax的使用。在页面加载完成后，通过调用$.ajax函数来发送一个GET请求到服务器端的"list_data.php"URL，并指定数据的类型为JSON。当服务器返回数据成功时，通过$.each函数遍历数据，并将每个列表项的值添加到<ul>元素中的<li>元素中。
通过这样的方式，我们可以使用Ajax来获取列表数据，并将数据动态地展示在页面上，实现实时更新列表内容的效果。
