课设第二天：员工信息管理系统用ajax实现删除员工信息

员工信息管理系统用ajax实现删除员工信息"/>

课设第二天：员工信息管理系统用ajax实现删除员工信息

在emp-list.jsp中添加delete

<table border="1" cellpadding="10" cellspacing="0"><tr><td>ID</td><td>LASTNAME</td><td>EMAIL</td><td>BIRTH</td><td>CREATETIME</td><td>DEPT</td><td>DELETE</td><td>EDIT</td></tr><s:iterator value="#request.employees"><tr><td>${id }</td><td>${lastName }</td><td>${email }</td><td><s:date name="birth" format="yyyy-MM-dd"/></td><td><s:date name="birth" format="yyyy-MM-dd hh:mm:ss"/></td><td>${department.departmentName }</td><td><a href="emp-delete?id=${id }" class="delete">Delete</a><!-- 设置隐藏域用来获取名字 --><input type="hidden" value="${lastName }"/></td><td><a href="emp-input?id=${id }">Edit</a></td></tr></s:iterator></table>

在webcontent文件夹下新建文件夹scripts
在文件夹下加入jquery-1.9.1.min.js
在emp-list.jsp下添加以下代码将jQuery导入

<script type="text/javascript" src="scripts/jquery-1.9.1.min.js"></script>

定义脚本实现点击 delete 时, 弹出 确定是要删除 xx 的信息吗 ? 若确定, 执行删除, 若不确定, 则取消

增加lastname的隐藏域用来获取姓名

<td><a href="emp-delete?id=${id }" class="delete">Delete</a><!-- 设置隐藏域用来获取名字 --><input type="hidden" value="${lastName }"/>
</td>

<script type="text/javascript">$(function(){//1. 点击 delete 时, 弹出 确定是要删除 xx 的信息吗 ? 若确定, 执行删除, 若不确定, 则取消$(".delete").click(function(){<!-- 调用隐藏域获取的名字 -->var lastName = $(this).next(":hidden").val();var flag = confirm("确定要删除" + lastName + "的信息吗?");if(flag){//将一行信息定义为$tr，是超链接a节点的父节点td的父节点trvar $tr = $(this).parent().parent();//删除, 使用 ajax 的方式var url = this.href;var args = {"time":new Date()};$.post(url, args, function(data){//若 data 的返回值为 1, 则提示 删除成功, 且把当前行删除if(data == "1"){alert("删除成功!");$tr.remove();}else{//若 data 的返回值不是 1, 提示删除失败. alert("删除失败!");}});	}//取消超链接的默认行为return false;});		})</script>

在EmployeeAction.java中添加delete方法获取id

public String delete() {try {employeeService.delete(id);//接收返回值为1的值，如果异常，执行catchinputStream = new ByteArrayInputStream("1".getBytes("UTF-8"));} catch (Exception e) {e.printStackTrace();try {//接收返回值为0的值inputStream = new ByteArrayInputStream("0".getBytes("UTF-8"));} catch (UnsupportedEncodingException e1) {e1.printStackTrace();}}return "ajax-success";}

在Struts.xml中添加结果

<result type="stream" name="ajax-success"><param name="contentType">text/html</param><param name="inputName">inputStream</param>
</result>

以下是用原生方法进行删除

在dao层EmployeeDao.java中添加删除方法

public void delete(Integer id){String hql = "DELETE FROM Employee e WHERE e.id = ?";getSession().createQuery(hql).setInteger(0, id).executeUpdate();}

在service层EmployeeService.java中添加

public void delete(Integer id){employeeDao.delete(id);}

在Struts中添加结果

<result name="success" type="redirect">/emp-list</result>