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

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

注意:上图中的request.delete方法中的第二个参数要多加一个花括号{},而request.post方法不用加第二个参数。
三、准备待发送的数组,调用我们自己封装的userDeleteSomeService()方法来发送请求

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

注意:接受参数中一定要加上请求体注解@RequestBody,不然会报错的哦
纸上谈来终觉浅,绝知此事要躬行

本文介绍了如何在前端使用Axios发送批量删除请求,通过将待删除的唯一标识(如ID)存储在数组中,然后传递给后端的List集合进行处理。作者分享了Axios封装和后端Controller层的具体实现步骤。
2528

被折叠的 条评论
为什么被折叠?



