vue axios get,post,delete,put传参方式
vue axios get,post,delete,put传参方式
·
一、Get
前端
this.$axios.get('/test', {
params: {
id: 1,
name: 'aa'
}
})
或者直接把参数拼接在地址后面
this.$axios.get('/test?id=1&name=aa')
后端
@ResponseBody
@GetMapping(value = "/test")
public void test(String id, String name) {
System.out.println("id:" + id);
System.out.println("name:" + name);
}
还有一种情况是后端用@PathVariable
注解
@ResponseBody
@GetMapping(value = "/test/{id}")
public void test(@PathVariable String id) {
System.out.println("id:" + id);
}
前端
this.$axios.get("/api/index/test/1")
二、Post
前端
this.$axios.post('/test', {
data: {
id: 1,
name: 'aa'
}
})
后端一定要使用@RequestBody
注解,不然接收不到参数
@ResponseBody
@PostMapping(value = "/test")
public void test(@RequestBody Map<String, Object> map) {
System.out.println(map.toString());
}
三、Put
put和post一样
this.$axios.put('/test', {
data: {
id: 1,
name: 'aa'
}
})
@ResponseBody
@PutMapping(value = "/test")
public void test(@RequestBody Map<String, Object> map) {
System.out.println(map.toString());
}
四、Delete
delete和get一样
this.$axios.delete('/test', {
params: {
id: 1
}
})
this.$axios.delete('/test?id=1')
后端
@ResponseBody
@DeleteMapping(value = "/test")
public void test(String id) {
System.out.println("id:" + id);
}
也可以使用@PathVariable
注解
this.$axios.delete("/api/index/test/1")
@ResponseBody
@DeleteMapping(value = "/test/{id}")
public void test(@PathVariable String id) {
System.out.println(id);
}
更多推荐
已为社区贡献1条内容
所有评论(0)