批量删除

前端之家收集整理的这篇文章主要介绍了批量删除前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

用的是springMVC和ftl
大致思路:获取所有checkBox,筛选checked的出来删除,存到一个数组里面,再使用ajax传输到后台
特别注意:traditional:true。使用这个传输数组

前端页面

/*管理员-权限-批量删除*/
    function datadel(){
            //获取所有checkBox
             var allBox = document.getElementsByName("Box");
             var ids = new Array();
             for (var i=0;i<allBox.length;i++ ){
             //获取选中的checkBox
                if(allBox[i].checked){ 
                    ids.push(allBox[i].value);
                }
            }

                $.ajax({
                        type: "POST",url: "deleteAll.json",data: {'ids':ids},dataType: "json",traditional: true,//传输数组
                        success: function(data){ 
                            if(data.status===true){
                              alert("删除成功");              
                     //弹出后刷新页面
                     window.location.href=window.location.href;
                            }else{
                                alert("删除失败!");
                            }
                        }
                    });

后台接受数据

/** * 删除选中的权限 * * @param id * @return */
    @H_301_88@@RequestMapping(value = "/deleteAll.json",method = RequestMethod.POST)
    @H_301_88@@ResponseBody
    public ResponseMsg deleteAll(@RequestParam(value = "ids",required=false) int[]ids) {
        ResponseMsg responseMsg = new ResponseMsg();
        if (ids.length==0) {
            responseMsg.setStatus(false);
        } else {
            responseMsg.setStatus(true);
            for(int i=0;i<ids.length;i++){
                permissionService.deleteById(ids[i]);
            }
        }
        return responseMsg;
    }
原文链接:https://www.f2er.com/ajax/162853.html

猜你在找的Ajax相关文章