1、当客户端点击删除选中的时候 我们需要跳转到的是一个删除的servlet
2、后台服务器要删除客户端勾选的选中的条目 那么需要客户端提交删除的数据作为删除的条件 这里选择id
3、删除不需要回显
4、客户端提交所有勾选的id的方式,可以使用表单的方式提交
用表单将其包裹点击删除所选时form表单提交 document.getElementById("form").submint();
5、servlet中获取所有客户端提交的id信息 request.getParametierValues() 返回的是一个string[]value 数组
6、将string[]value 数组传入services方法中 在其中遍历该数组 循环调用UserDao中的单行删除方法
7、servl中调用完成之后重定向到查询所有用户数据的servlet中
注意:1、这里为了提高用户的体验 避免误删除行为 我们需要在前端页面做出一个script的确认框的弹窗判断
if(confirm("你确定要删除选中的条目吗?")) 确认删除我们才提交表单
2、避免用户没有勾选就提交当前表单 我们还需要在前端页面做一个判断 就是只有判断有勾选的数据我们才提交
这里可以用到标记思想 顶一个 var flag = false;
if(cbs[i].cheacked){ flag = true ; break; 然后就可以跳出遍历循环}
if(flag){document.getElementById("form").submint();} 就是只有判断有勾选的数据我们才提交
3、我们可以做一个全选的功能 当第一行的复选框被勾选的时候下面表单的所有的复选框都和第一个复选框是相同属性
给第一个复选框加上单击事件 核心代码 遍历下面每一个复选框 cbs[i].cheacked = this.cheacked; |
|