使用axios请求@DeleteMapping注解的接口的方法

最新推荐文章于 2024-12-20 09:25:38 发布

864记忆

最新推荐文章于 2024-12-20 09:25:38 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

文章标签： java

本文链接：https://blog.youkuaiyun.com/hmwz0001/article/details/131914682

文章介绍了前端如何使用axios的delete方法调用后端@DeleteMapping注解定义的接口进行数据删除操作。后端通过@PathVariable接收参数ID，执行删除方法并返回操作结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前端使用delete方法访问接口，后端使用@DeleteMapping注解，方法内使用@PathVariable接参，注意注解中的: /{id} 的用法

后端接口：
// 根据ID删除用户
@DeleteMapping("/api/deleteUserById/{id}")
@ResponseBody
public String deleteUserById(@PathVariable("id") Integer id) {
    int rowsDeleted = userMapper.deleteUserById((long)id);
    if (rowsDeleted > 0) {
        return "数据删除成功！";
    } else {
        return "数据删除失败！";
    }
}

前端接口：
axios.delete(‘http://127.0.0.1:8080/api/deleteUserById/’+id)
.then(response => {
// 处理成功响应
console.log(‘删除成功’, response);
})
.catch(error => {
// 处理错误响应
console.error(‘删除失败’, error);
});

秋风写于淄博，java学习笔记，由于java是新手，欢迎高手批评指正！