当前位置：首页 > news >正文

关于axios请求java接口中的@RequestParam、@PathVariable及@RequestBody不同接参类型的用法

news 2025/7/29 4:13:59

一、前端传json对象，后端指定接收json对象中的哪个参数。
(1)前端请求

axios({//请求方式method:'post',//后端接口路径url:'http://127.0.0.1:8080/api/deleteUserById',//注意这里使用的是params,该属性负责把属性名和属性值添加到url后面，一般和get配合使用，但也能    和post配合使用params: {id: id}
}).then((response) => {if(response){$.messager.alert("信息提示","删除成功!");}else{$.messager.alert("信息提示","删除失败!");}
}).catch((error) => {console.error('请求失败', error);
})

(2)后端接口（接参方式）

   //根据ID删除用户 请使用@RequestMapping(value = "/api/deleteUserById")@ResponseBodypublic boolean deleteUserById(@RequestParam(value="id",required = true) Integer id) {int rowsDeleted = userMapper.deleteUserById((long)id);if (rowsDeleted > 0) {return true;} else {return false;}}

二、axios使用restful规范的get请求，后端使用@PathVariable接参
后端接口路径+属性值;注意！！！路径后面有反斜杠/，注意不要写漏了，不然value就会变成路径的一部分，请求路径就会变成/sys/test后面跟上value的值，从而导致404
(1)前端请求：

//方法名为test,传入数据value
function test(value) {axios({//请求方式method:'get',url:'/sys/test/'+value,}).then((response) => {//response是一个返回的promise对象，该注释所在的这行一般对该promise对象进行处理从而获取数据}).catch((error) => {//对error进行处理})
}

(2)Java后端

//使用restful请求时对应的接收
@GetMapping("/sys/test/{accept}")
public void test(@PathVariable("accept") String(传进来的数据的类型) attributeName){//axios使用restful的方式进行传值，而Java就需要用到@PathVariable来接收url后的值，/sys/test/{accept}里的accept必须和@PathVariable("accept")里的accept名字一致，而且一个请求能拥有多个@PathVariable
}

三、@RequestBody接收类型
(1)前端请求

let id = $("#id").val();
let paras = {id: id
｝
axios.post('http://127.0.0.1:8080/api/deleteUserById',paras).then(function (response){if(response){$.messager.alert("信息提示","删除成功!");}else{$.messager.alert("信息提示","删除失败!");}
})

(2)Java后端

    @RequestMapping("/api/deleteUserById")@ResponseBodypublic boolean deleteUserById(@RequestBody User user) {long id=user.getId();int rowsDeleted = userMapper.deleteUserById((long)id);if (rowsDeleted > 0) {return true;} else {return false;}}

（3）前端也可以使用ajax请求，但是注意data:JSON.stringify(paras)的写法与axios是不同的。

$.ajax({url: 'http://127.0.0.1:8080/api/deleteUserById',type: 'POST', // 或者其他请求方法，例如'GET', 'DELETE', 'PUT'等contentType: 'application/json', // 指定请求的数据类型为JSONdata: JSON.stringify(paras), // 将JSON对象转换为JSON字符串并设置为请求体数据success: function(response) {if(response){$.messager.alert("信息提示","删除成功!");}else{$.messager.alert("信息提示","删除失败!");}},error: function(error) {console.error('请求失败', error);}});