用ajax请求springboot后台,定时请求,然后需要把请求返回来的数据遍历
时间: 2024-05-03 12:18:50 浏览: 9
首先,在前端页面中定义一个定时器,定时向后台发送Ajax请求,可以使用jQuery库中的`$.ajax()`方法实现:
```javascript
// 定时器,每5秒钟向后台请求数据
setInterval(function() {
$.ajax({
url: '/getData', // 后台接口的URL
type: 'GET', // 请求方式
dataType: 'json', // 返回的数据类型
success: function(data) {
// 处理返回的数据,遍历打印
$.each(data, function(index, item) {
console.log(item);
});
},
error: function(xhr, status, errorThrown) {
console.error(status + ":" + errorThrown);
}
});
}, 5000);
```
接着,在后台Spring Boot应用中定义一个接口,用于处理前端的Ajax请求,并返回数据:
```java
@RestController
public class DataController {
@GetMapping("/getData")
public List<Data> getData() {
// 处理数据逻辑,返回数据
List<Data> dataList = new ArrayList<>();
// ...
return dataList;
}
}
```
其中,`Data`是一个JavaBean,可以根据实际情况进行定义。当前端向`/getData`接口发送请求时,后台会返回一个`List<Data>`类型的数据,前端通过遍历这个数据来处理展示。