最近突然发现post请求可以使用params方式传值,然后想总结一下其中的用法。
get请求中没有data传值方式
基础类型接收,名字对应即可
- // 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
,具体参考链接
与get相似,基础类型接收,名字对应即可
- // 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();
- }
与get相似,使用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();
- }
与get相似,使用实体类接收
- // 实体类
- @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();
- }
使用实体类接收
- // 实体类
- @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
进行修饰。
【axios】get/post请求params/data传参总结