jsp頁面中使用a標籤進行刪除請求時候使用彈出框確認後再刪除
阿新 • • 發佈：2020-12-29
jsp頁面中使用a標籤進行刪除請求時候使用彈出框確認後再刪除
一、使用背景
初次接觸JAVAWEB管理系統時，需要滿足需求。
在jsp頁面中對某一物件的修改/刪除，使用了a標籤進行請求的跳轉，但是刪除操作需要使用者在刪除之前，進行再次確認，以防止誤刪資料。
使用JSP+Servlet實現商品管理功能，後臺為資料庫。
下面是使用了此方法的專案，希望對您有幫助！
JAVAWEB使用JSP+Servlet實現商品管理功能，後臺為資料庫，功能包括商品資訊瀏覽、商品資訊詳情、商品資訊刪除及修改。
二、核心程式碼
2.1a標籤
<a href="javascript:void(0)" onclick="confirmDel(${good.goodsId})">刪除</a>
${good.goodsId 是onclick函式中傳入的引數id
2.2js程式碼
jsp頁面加上該onclick的響應事件
下面展示一些 程式碼片。
<script type="text/javascript">
function confirmDel(param)
{
if(window. confirm 是雙選框
onclick的響應函式中還傳遞了一個引數param，我使用的是$標籤，資料傳到函式中還進行了一個字串的拼接。
顯示效果如下：
三、執行的相關檔案
3.1common.jsp
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" 3.2index.jsp
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="/common/common.jsp"%>
<html>
<head>
<title>商品資訊管理首頁</title>
</head>
<style>
#add{
display: block;
text-align: center;
}
</style>
<body>
<table align="center" border="1" >
<tr align="center">
<td>條形碼</td>
<td>主管工號</td>
<td>商品名稱</td>
<td>商品價格</td>
<td>進貨單號</td>
<td>保質時間</td>
<td>編輯</td>
</tr>
<c:forEach items="${list}" var="good">
<tr align="center">
<td>${good.barCode}</td>
<td>${good.chargeNum}</td>
<td><a href="${path}/GoodServlet?m=details&id=${good.goodsId}">${good.goodsName}</a> </td>
<td>${good.goodsPrice}</td>
<td>${good.purchaseId}</td>
<td>${good.expirationDate}</td>
<td><a href="${path}/GoodServlet?m=updatePage&id=${good.goodsId}">修改</a> <a href="javascript:void(0)" onclick="confirmDel(${good.goodsId})">刪除</a> </td>
</tr>
</c:forEach>
</table>
<a id="add" href="${path}/GoodServlet?m=insertPage">新增商品</a>
<script type="text/javascript">
function confirmDel(param)
{
if(window.confirm("確定刪除?")){
document.location="${path}/GoodServlet?m=delete&id="+param
}
}
</script>
</body>
</html>
顯示效果：
3.3業務邏輯
//刪除：根據商品的id進行刪除，最後，重新獲取資料庫資料返回首頁。
public void delete (HttpServletRequest req, HttpServletResponse resp) {
String id = req.getParameter("id");//獲取id的值
boolean del = goodService.del(id);//在資料庫刪除
dispatcher("/ListServlet",req,resp);//去ListServlet獲取資料
}