ajax获取List集合数据
时间: 2024-02-16 18:04:08 浏览: 84
可以通过以下步骤使用Ajax获取List集合数据:
1. 在服务器端编写一个接口,返回List集合数据,例如:
```java
@RequestMapping("/getList")
@ResponseBody
public List<String> getList() {
List<String> list = new ArrayList<>();
list.add("apple");
list.add("banana");
list.add("orange");
return list;
}
```
2. 在前端页面中使用Ajax请求该接口,并处理返回的List数据,例如:
```javascript
$.ajax({
url: "/getList",
type: "GET",
dataType: "json",
success: function(data) {
// 处理返回的List数据
for (var i = 0; i < data.length; i++) {
console.log(data[i]);
}
},
error: function() {
console.log("请求失败");
}
});
```
以上代码示例中,我们使用了jQuery库中的Ajax方法,发送一个GET请求到服务器的“/getList”接口,接收返回的JSON格式的List数据,并在控制台中打印出来。你可以根据自己的需求,进一步处理这些数据。
阅读全文