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

相关推荐
一颗花生米。12 分钟前
深入理解JavaScript 的原型继承
java·开发语言·javascript·原型模式
问道飞鱼12 分钟前
Java基础-单例模式的实现
java·开发语言·单例模式
ok!ko4 小时前
设计模式之原型模式(通俗易懂--代码辅助理解【Java版】)
java·设计模式·原型模式
2401_857622664 小时前
SpringBoot框架下校园资料库的构建与优化
spring boot·后端·php
2402_857589364 小时前
“衣依”服装销售平台:Spring Boot框架的设计与实现
java·spring boot·后端
吾爱星辰5 小时前
Kotlin 处理字符串和正则表达式(二十一)
java·开发语言·jvm·正则表达式·kotlin
哎呦没5 小时前
大学生就业招聘:Spring Boot系统的架构分析
java·spring boot·后端
_.Switch6 小时前
Python Web 应用中的 API 网关集成与优化
开发语言·前端·后端·python·架构·log4j
编程、小哥哥6 小时前
netty之Netty与SpringBoot整合
java·spring boot·spring
IT学长编程7 小时前
计算机毕业设计 玩具租赁系统的设计与实现 Java实战项目 附源码+文档+视频讲解
java·spring boot·毕业设计·课程设计·毕业论文·计算机毕业设计选题·玩具租赁系统