maven项目实现批量删除和搜索功能（ajax）

maven项目实现批量删除和搜索功能（ajax）

• 接着上篇博客编写上篇博客

• 实现批量删除功能

• 在UserList.jsp中添加删除按钮的响应事件，找到class为btn-group标签为div，进行修改

  <div class="btn-group">
                                      <button type="button" class="btn btn-default" title="新建" onclick="javascript:button_insert();"><i class="fa fa-file-o"></i> 新建</button>
                                      <button type="button" class="btn btn-default" title="批量删除" onclick="javascript:button_delete();"><i class="fa fa-file-o"></i> 批量删除</button>
                                  </div>
  

• 在UserList.jsp中编写响应函数

  function button_delete(){
       
          var checkNum= $("input[name='ids']:checked").length;
  
          if(checkNum==0){
       
              alert("请至少选择一个用户进行删除！");
              return ;
          }
          if(confirm("确定删除这些用户吗？")){
       
              var userList=new Array();
              $("input[name='ids']:checked").each(
                  function () {
       
                      userList.push($(this).val());
                  }
              )
              $.ajax({
       
                  type:"POST",  //发送请求的方式
                  url:"${pageContext.request.contextPath}/user/deleteAll",//处理请求的路径
                  data:{
       "userList":userList.toString()},//传递数据
                  success:function () {
           //请求响应成功的处理事件
                      alert("删除成功");
                      location.reload(true);
                  },
                  error:function () {
            //请求响应失败的处理事件
                      alert("删除失败");
                  }
              });