温馨提示：这篇文章已超过287天没有更新，请注意相关的内容是否还可用！
Ajax List 传值是一种通过 Ajax 技术来实现动态加载列表数据的方法。它可以在不刷新整个页面的情况下，通过异步请求从服务器获取数据，并将数据填充到列表中。下面是一个示例代码，演示了如何使用 Ajax List 传值来加载列表数据。
我们需要一个 HTML 页面，其中包含一个列表容器和一个按钮，用于触发加载列表数据的操作。在按钮的点击事件中，我们将使用 Ajax 请求来获取数据，并将数据填充到列表容器中。
<!DOCTYPE html>
<html>
<head>
<title>Ajax List 传值示例</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("#loadButton").click(function() {
// 发起 Ajax 请求
$.ajax({
url: "data.php", // 数据接口的 URL
method: "GET", // 请求方法
dataType: "json", // 响应数据类型
success: function(data) {
// 请求成功时的回调函数
var listContainer = $("#listContainer");
listContainer.empty(); // 清空列表容器
// 遍历数据，生成列表项并添加到列表容器中
for (var i = 0; i < data.length; i++) {
var listItem = $("<li>").text(data[i]);
listContainer.append(listItem);
}
},
error: function() {
// 请求失败时的回调函数
console.log("请求数据失败");
}
});
});
});
</script>
</head>
<body>
<button id="loadButton">加载列表数据</button>
<ul id="listContainer"></ul>
</body>
</html>
在示例代码中，我们使用了 jQuery 库来简化 Ajax 请求的操作。在页面加载完成后，我们使用 `$(document).ready()` 函数来绑定按钮的点击事件。当按钮被点击时，会执行回调函数。
在回调函数中，我们使用 `$.ajax()` 函数来发起 Ajax 请求。其中，`url` 参数指定了数据接口的 URL，`method` 参数指定了请求方法为 GET，`dataType` 参数指定了响应数据的类型为 JSON。
如果请求成功，会执行 `success` 回调函数。在该回调函数中，我们首先清空列表容器，然后遍历获取到的数据，生成列表项并添加到列表容器中。
如果请求失败，会执行 `error` 回调函数，我们在该回调函数中简单地输出一条错误信息到控制台。
通过以上示例代码，我们可以实现一个简单的 Ajax List 传值功能，可以在点击按钮时动态加载并展示列表数据。
