网站开发和网站建设有什么不同互联网营销专家

前端部分

前端代码主要负责收集用户选择的学生记录的 id，并将这些 id 发送给后端的 DeleteMoreServlet 进行处理。

批量删除按钮绑定点击事件

$(".deleteMore").on("click",function(){// ...
});

当用户点击 “批量删除” 按钮时，会触发该点击事件。

收集选中记录的 id

var ids = "";
for(var i=0;i<$(".delItem:checked").length;i++){if(i==$(".delItem:checked").length-1){ids=ids+$(".delItem:checked").eq(i).attr("index");} else {ids=ids+$(".delItem:checked").eq(i).attr("index")+",";}
}

遍历所有被选中的复选框（类名为 delItem），将其 index 属性值（即学生记录的 id）拼接成一个以逗号分隔的字符串 ids。

查是否有选中记录

if(ids.length==0){alert("最少选择一项");return;
}

如果 ids 字符串的长度为 0，说明用户没有选择任何记录，弹出提示框并终止操作。

确认删除操作

if(confirm("确定要删除吗？")){// ...
} else {alert("感谢手下留情");
}

弹出确认框，询问用户是否确定要删除选中的记录。如果用户点击 “确定”，则继续执行删除操作；如果用户点击 “取消”，则弹出提示框并终止操作。

发送删除请求

$.ajax({url:"DeleteMoreServlet",type:"post",data:{ids},success:function(value){alert(value);// 页面刷新location.reload();},error:function(){alert("出错啦");}
});

使用 jQuery 的 $.ajax 方法发送一个 POST 请求到 DeleteMoreServlet，并将拼接好的 ids 字符串作为请求参数。如果请求成功，弹出服务器返回的消息并刷新页面；如果请求失败，弹出错误提示框。

后端部分

后端代码主要负责接收前端发送的 ids 字符串，拼接 SQL 语句并执行删除操作，最后将操作结果返回给前端。

 接收请求参数

String ids = request.getParameter("ids");

在 DeleteMoreServlet 的 doPost 方法中，通过 request.getParameter 方法获取前端发送的 ids 字符串。

拼接 SQL 语句

String sql = "delete from student where id in("+ids+")";

将 ids 字符串拼接到 SQL 语句中，形成一个 DELETE 语句，用于删除 student 表中 id 在指定列表中的记录。

执行 SQL 语句

int num = MysqlUtil.del(sql);

调用 MysqlUtil 类的 del 方法执行 SQL 语句，并返回受影响的行数。

返回操作结果

String res = "删除失败";
if(num>0) {res = "删除成功";
}
response.setCharacterEncoding("utf-8");
response.getWriter().write(res);

根据受影响的行数判断删除操作是否成功，并将相应的消息返回给前端。