ssm框架批量删除【亲测】

1.点击按钮调用批量删除方法

<button type="button"  onclick="deleteUsers()">删除</button>

2.放置信息的位置

<form id="userForm">
	            <table class="table  table-bordered">
	              <thead>
	                <tr >
	                  <th width="30">#</th>
					  <th width="30"><input type="checkbox" id="allSelBox"></th>
	                  <th>账号</th>
	                  <th>名称</th>
	                  <th>邮箱地址</th>
	                  <th width="100">操作</th>
	                </tr>
	              </thead>
	              <tbody id="userData" >
		          </tbody>
				  	<tfoot>
					     <tr >
						     <td colspan="6" align="center">
								<ul class="pagination">
								</ul>
							</td>
						 </tr>
					</tfoot>
            	</table>
            </form>

3.点击checkbox后其余全部选中

 $("#allSelBox").click(function(){
			    	var flg=this.checked;
			    	$("#userData :checkbox").each(function(){
			    		this.checked=flg;
			    		
			    	});
			    });

如图,点击了最上边的checkbox后下边的都选中了

4.前端选定批量删除数据,传递数据的方法

function deleteUsers(){
            	var boxes=$("#userData :checked");
            	if(boxes.length==0){
            		layer.msg("请选择需要删除的用户信息",{time:2000, icon:5,shift:6},function(){})
            	}else{
            		layer.confirm("确定删除选定用户的信息吗?",{icon:3,title:"提示"},function (cindex){
                		//删除用户信息
                		$.ajax({
                			type:"POST",
                			url :"${APP_PATH}/user/deletes",
                			data:$("#userForm").serialize(),
                			success :function(result){
                				if(result.success){
                					pageQuery(1);
                				}else{
        		 		    		layer.msg("用户信息删除失败",{time:2000, icon:5,shift:6},function(){});
                				}
                			}
                		});
                		layer.close(cindex);
                	},function(cindex){
                		layer.close(cindex);
                	});
            	}
            }

5.controller层

@ResponseBody
	@RequestMapping("/deletes")
	public Object deletes(Integer[] userid) {
		AJAXResult result=new AJAXResult();
		try {
			Map<String,Object> map=new HashMap<String,Object>();
			map.put("userids", userid);
			userService.deleteUsers(map);
			result.setSuccess(true);
		}catch(Exception e) {
			e.printStackTrace();
			result.setSuccess(false);
		}
		return result;
	}

6.这篇结合我的上一篇笔记 ssm框架实现条件、分页查询更全面一点

猜你喜欢

转载自blog.csdn.net/Mr_L_h/article/details/84779108