前端(Axios)如何传数组到后端

        当我们想要前端实现批量操作功能时(例如:勾选多个想要内容,再一键删除),可以把想要删除的内容的唯一标识(例如:ID)保存在一个数组中,接着通过Axios把此数组发送到后端,后端控制层用List集合接收,再进行实际的删除操作,最后达到我们想要的效果,那我们该怎么实现呢?

下面给大家分享我其中的一个批量删除功能的案例:

一、引入Axios,并创建对应的Axios实例

二、导入Axios实例,并重命名为request,封装为一个方法,来发送Delete请求

注意:上图中的request.delete方法中的第二个参数要多加一个花括号{},而request.post方法不用加第二个参数。

三、准备待发送的数组,调用我们自己封装的userDeleteSomeService()方法来发送请求

四、后端对应controller层所需实现的代码------(前端发送过来数组封装到了List集合中)

注意:接受参数中一定要加上请求体注解@RequestBody,不然会报错的哦

纸上谈来终觉浅,绝知此事要躬行

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

平静方能至远

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值