批量删除前端传数据到java后端

1. 批量删除歌曲

   • music.js

     //批量删除只需要mid即可，所以将data中所有的mid添加到数据中，然后向后端传递整个数组
     var ids = []
     for(var  i=0;i<data.length;i++){
         //将选中数据的每个mId添加到ids中
         ids.push(data[i].mId)
     }
     if(data.length === 0){
         layer.msg('请选择一行');
     } else {
         //使用ajax向后端发请求并且传递ids数组过去   jquery:对js封装之后的一个相对好用的框架
         $.ajax({
             url:"/admin/music/deleteBatch",//后端的请求url
             type:"post", //请求方式
             data:{   //data是请求携带的参数
                 ids:ids
             },
             traditional:true, //前端传递数组且后端直接用数组接收需要添加traditional:true
             success:function (res) {  //回调函数(后端执行成功之后回来调用的函数)
                 layer.msg(res.data);
                 //重新加载当前歌曲列表的窗口
                 window.location.reload()
             }
         })
     }
     

   • MusicController

     /**
          * 批量删除歌曲
          *
          * 后端直接使用数组接收前端ajax传递的数组，前端需要设置  traditional:true
     */
     @RequestMapping("/deleteBatch")
     @ResponseBody
     public ResultVo deleteBatch(Integer[] ids){
         return musicService.deleteBatch(ids);
     }
     

   • MusicService

     @Override
     public ResultVo deleteBatch(Integer[] ids) {
         try{
             musicMapper.deleteBatch(ids);
             return ResultVo.getSuccessVo("删除成功");
         }catch (Exception e){
             e.printStackTrace();
             return ResultVo.getFailVo();
         }
     }
     

   • MusicMapper.xml

     <!--delete from tb_music where m_id in (1,2,3)
            collection:要遍历的集合或者数组
            item:能够取到集合或数组中的每一个元素
            open；从什么开始
            close:从什么结束
            delete from tb_music where m_id in  ( 1,2,3 )
     -->
     <delete id="deleteBatch">
         delete from tb_music where m_id in
         <foreach collection="ids" item="id" open="(" close=")" separator=",">
             #{id}
         </foreach>
     </delete>