Vue + SpringBoot中Vue前端想后端发送的数据格式是什么’
时间: 2024-05-09 20:14:58 浏览: 222
在Vue + SpringBoot中,前端向后端发送数据可以使用两种常用的格式:JSON和表单数据。
1. JSON格式:在前端使用axios或者fetch等工具发送请求时,可以将要发送的数据以JSON格式进行编码并放在请求体中,后端使用@RequestBody注解将请求体解析成Java对象。例如:
前端代码:
```
let data = {
name: '张三',
age: 20
}
axios.post('/api/user', JSON.stringify(data), {
headers: {
'Content-Type': 'application/json'
}
})
```
后端代码:
```
@PostMapping("/api/user")
public User addUser(@RequestBody User user) {
//处理user对象
}
```
2. 表单数据格式:在前端使用form表单提交数据时,可以将表单数据编码成key-value形式的数据,后端使用@RequestParam注解获取表单数据中的参数值。例如:
前端代码:
```
let data = new FormData()
data.append('name', '张三')
data.append('age', 20)
axios.post('/api/user', data, {
headers: {
'Content-Type': 'multipart/form-data'
}
})
```
后端代码:
```
@PostMapping("/api/user")
public User addUser(@RequestParam("name") String name, @RequestParam("age") int age) {
//处理name和age参数
}
```
以上是两种常用的数据传输格式,具体选择哪一种取决于前后端的协商和实际需求。
阅读全文