-
1.在WebContent目录下新建scripts文件夹,导入jQuery库,并更改index.jsp前端页面
<%@page import="com.njupt.javaweb.business.Customer"%>
<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- 导入JQuery库 -->
<script type="text/javascript" src="scripts/jquery-3.1.1.js"></script>
<script type="text/javascript">
$(function(){
$(".delete").click(function(){
var name = $(this).parent().parent().find("td:eq(1)").text();
var flag=confirm("确定要删除"+name+"");
//根据用户的交互信息,进行取消默认行为,或者跳转
return flag;
})
})
</script>
</head>
<body>
<form action="query.do" method="post">
<table>
<tr>
<td>名称:</td>
<td><input type="text" name="name"/></td>
</tr>
<tr>
<td>地址:</td>
<td><input type="text" name="address"/></td>
</tr>
<tr>
<td>手机号:</td>
<td><input type="text" name="phone"/></td>
</tr>
<tr>
<td><input type="submit" value="提交"/></td>
<td><a href="">创建用户</a></td>
</tr>
</table>
</form>
<br/>
<br/>
<hr/>
<br/>
<br/>
<%
List<Customer> listCustomer =(List<Customer>)request.getAttribute("listCustomer");
if( listCustomer!=null && listCustomer.size()>0){
%>
<table border="1" cellspacing="0px" cellpadding="10px">
<tr>
<th>ID</th>
<th>名称</th>
<th>地址</th>
<th>手机号</th>
<th>修改</th>
<th>删除</th>
</tr>
<%
for(Customer cus : listCustomer){
%>
<tr>
<td><%= cus.getId() %></td>
<td><%= cus.getName() %></td>
<td><%= cus.getAddress() %></td>
<td><%= cus.getPhone() %></td>
<td><a href = "">Modify</a></td>
<td><a href = "delete.do?id=<%= cus.getId() %>" class="delete">Delete</a></td>
</tr>
<%
}
}
%>
</table>
</body>
</html>
效果图
-
编写Customer中 的delete函数
private void delete(HttpServletRequest request, HttpServletResponse response){ System.out.println("delete"); int id=0; try { id = Integer.parseInt(request.getParameter("id")); customerDAOJdbcImp.delete(id); response.sendRedirect("index.jsp"); } catch (Exception e) { // TODO: handle exception e.printStackTrace(); } }