JS + Ajax批量删除数据信息

Posted 2021-04-15 java新人交流

批量删除数据信息已经是很常见的功能需求了，下面是一个JS + Ajax提交给后台进行数据删除的一个小例子：

首先在每一条数据的前面加一个字段，用来显示复选框，代码如下：

<input type =“checkbox”name =“userCheck”value =“$ {user.id}”/>

点击批量删除按钮跳转到batchDelete（）方法：代码如下：

function batchDelete（）{ 
    //判断至少选择了一项
    var checkedNum = $（“input [name ='userCheck']：checked”）。
    if（checkedNum == 0）{ 
        alert（“至少选择一项删除！”）; 
        返回; 
    } 
    if（confirm（“确定删除选中的用户？”））{ 
        var userList = new Array（）; 
        $（“input [name ='userCheck']：checked”）。each（function（）{ 
            userList.push（$（this）.val（））; 
        }）; 
    $ .ajax（{ 
            type：“post”，
            url：“<％= request.getContextPath（）％> / user / batchDelete”，
            data：{userList：userList.toString（）}，
            success：function（）{ 
                alert “删除成功！”）; 
                location.reload（）;
            }，
            error：function（）{ 
                alert（“删除失败！”）
            } 
        }）; 
    } 
}

后台的Java处理代码如下：

@RequestMapping（value =“/ batchDelete”）
public String batchDelete（String userList）{ 
    String [] strs = userList.split（“，”）; 
    for（int i = 0; i <strs.length; i ++）{ 
        userService.delete（Integer.parseInt（strs [i]））; 
    } 
    return“redirect：/ user / users”; 
}

转发分享是一种美德