springboot vue 后端向前端传递list
时间: 2023-10-09 08:05:34 浏览: 101
在 Spring Boot 后端向前端传递 List,可以采用以下步骤:
1. 在后端 controller 中获取要传递的 List 数据。
2. 将 List 数据封装到一个 Map 对象中,其中 key 为需要传递的数据名称,value 为 List 数据。
3. 返回一个 ResponseEntity 对象,设置响应状态码和响应头信息。
4. 在前端通过 axios 或者其他方式从后端获取数据,并解析出 List 数据。
下面是一个示例代码:
后端代码:
```
@GetMapping("/students")
public ResponseEntity<Map<String, Object>> getStudents() {
List<Student> students = studentService.getStudents();
Map<String, Object> response = new HashMap<>();
response.put("students", students);
return ResponseEntity.ok()
.header(HttpHeaders.CONTENT_TYPE, MediaType.APPLICATION_JSON_VALUE)
.body(response);
}
```
前端代码:
```
axios.get('/students')
.then(response => {
const students = response.data.students;
// 处理获取到的学生列表数据
})
.catch(error => {
console.error(error);
});
```
阅读全文