【Vue】Axios的get/post请求params/data传参总结
请求分类
一:Get请求
1.1:get-params
基础类型接收，名字对应即可
// method
const params = {
id: 123456789,
name: 张三
}
test(params)
// api
export function test (params) {
return axios({
url: url,
method: GET,
params: params
})
}
// 后台
@GetMapping("/test")
public Result test(Long id, String name) {
return Res.ok();
}
使用Map接收，需要添加 RequestParam 注解
// method
const params = {
id: 123456789,
name: 张三
}
test(params)
// api
export function test (params) {
return axios({
url: url,
method: GET,
params: params
})
}
// 后台
@GetMapping("/test")
public Result test(@RequestParam Map<String, Object> map) {
return Res.ok();
}
使用实体类接收
// 实体类
@Data
public class TestEntity {
Long id;
String name;
}
// method
const params = {
id: 123456789,
name: 张三
}
test(params)
// api
export function test (params) {
return axios({
url: url,
method: GET,
params: params
})
}
// 后台
@GetMapping("/test")
public Result test(TestEntity testEntity) {
return Res.ok();
}
ps: get请求不允许传递List，需要使用qs插件或者配置axios，
二:Post请求
2.1 post-params
基础类型接收，名字对应即可
// method
const params = {
id: 123456789,
name: 张三
}
test(params)
// api
export function test (params) {
return axios({
url: url,
method: POST,
params: params
})
}
// 后台
@PostMapping("/test")
public Result test(Long id, String name) {
return Res.ok();
}
使用map接收
// method
const params = {
id: 123456789,
name: 张三
}
test(params)
// api
export function test (params) {
return axios({
url: url,
method: POST,
params: params
})
}
// 后台
@PostMapping("/test")
public Result test(@RequestParam Map<String, Object> map) {
return Res.ok();
}
使用实体类接收
// 实体类
@Data
public class TestEntity {
Long id;
String name;
}
// method
const params = {
id: 123456789,
name: 张三
}
test(params)
// api
export function test (params) {
return axios({
url: url,
method: POST,
params: params
})
}
// 后台
@PostMapping("/test")
public Result test(TestEntity testEntity) {
return Res.ok();
}
2.2 post-data
使用实体类接收
// 实体类
@Data
public class TestEntity {
Long id;
String name;
}
// method
const params = {
id: 123456789,
name: 张三
}
test(params)
// api
export function test (params) {
return axios({
url: url,
method: POST,
data: params
})
}
@PostMapping("/test")
public Result test(@RequestBody TestEntity testEntity) {
return Res.ok();
}
总结
总体来说，只要使用 params get与post请求基本是一样使用的，如果参数名与传递名称不一致，需要使用@RequestParam修饰.
若使用Map接收参数，必须使用@RequestParam修饰。但是如果想传list类型的数据，需要使用单独的方法处理。
若使用data传递参数，必须使用一个实体类接收参数，而且需要添加注解@RequestBody进行修饰
—end