axios delete请求如何发给springboot

1、发送请求体时

前端

axios 的delete和post,put在传值上有点区别

post和put有三个参数,url,data和config,所以在使用这两个时,可以写成

java 复制代码
axios.post(api,{
	id:1
});
axios.put(api,{
	id:1
});

第二个参数{id:1}会传给data。

但是delete只有两个参数:url和config,data在config中,所以需要写成

java 复制代码
axios.delete(api,{
	data:{
		id:1
	}
});

后端

需要有对应的javabean类来接收请求体

java 复制代码
@Data
@NoArgsConstructor
@AllArgsConstructor
public class DeleteReq
{
	private int id;
}

控制器里用@RequestBody标记形参

java 复制代码
@RequestMapping("/delete")
public void delete(@RequestBody DeleteReq deleteReq)
{
	// ...
}

2、发送URL时

前端

将data改为params即可,param里的参数会自动拼接在URL中

java 复制代码
axios.delete("/delete", {
    params: {	// 请求参数拼接在url上
        id: id
    }
})

后端

直接用@RequestParam标记对应的形参

java 复制代码
@RequestMapping("/delete")
public void delete(@RequestParam int id)
{
	// ...
}

参考:

https://blog.csdn.net/qq_42240485/article/details/100515839

https://blog.csdn.net/summerfor2015/article/details/117671023

相关推荐
舒一笑18 小时前
为什么where=Version就是乐观锁了?
后端·mysql·程序员
GoGeekBaird18 小时前
关于垂类AI应用落地行业的方法论思考
后端·github·agent
小宁爱Python18 小时前
Django 基础入门:命令、结构与核心配置全解析
后端·python·django
老华带你飞18 小时前
考研论坛平台|考研论坛小程序系统|基于java和微信小程序的考研论坛平台小程序设计与实现(源码+数据库+文档)
java·vue.js·spring boot·考研·小程序·毕设·考研论坛平台小程序
CHEN5_0218 小时前
leetcode-hot100 11.盛水最多容器
java·算法·leetcode
songx_9918 小时前
leetcode18(无重复字符的最长子串)
java·算法·leetcode
你的人类朋友19 小时前
认识一下Bcrypt哈希算法
后端·安全·程序员
tangweiguo0305198719 小时前
基于 Django 与 Bootstrap 构建的现代化设备管理平台
后端·django·bootstrap
在路上`19 小时前
前端学习之后端java小白(三)-sql外键约束一对多
java·前端·学习
IT果果日记19 小时前
详解DataX开发达梦数据库插件
大数据·数据库·后端