一、使用背景

初次接触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("确定删除?")){document.location="${path}/GoodServlet?m=delete&id="+param}}</script>

confirm 是双选框
onclick的响应函数中还传递了一个参数param，我使用的是$标签，数据传到函数中还进行了一个字符串的拼接。

显示效果如下：

三、运行的相关文件

3.1common.jsp

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="path" value="${pageContext.request.contextPath}"/>
<%request.setCharacterEncoding("utf-8");response.setCharacterEncoding("utf-8");
%>

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> &nbsp;<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获取数据}

jsp页面中使用a标签进行删除请求时候使用弹出框确认后再删除相关推荐

JSP页面中使用JSTL标签出现无法解析问题解决办法
JSP页面中使用JSTL标签出现无法解析问题解决办法参考文章: (1)JSP页面中使用JSTL标签出现无法解析问题解决办法 (2)https://www.cnblogs.com/xdp-gacl/p ...
jsp页面中JSTL/EL标签引用java后台静态static字段的方法总结
转载自 jsp页面中JSTL/EL标签引用java后台静态static字段的方法总结为什么使用该功能? 项目中的每个页面都包含产品名称.Logo.版本等信息,我希望修改一处,其它所有的全部跟着变 ...
element父弹窗中嵌套子弹窗，子弹窗被父弹出框的蒙版遮盖
问题:element弹出框中嵌套弹出框被父弹出框的蒙版遮盖的问题: 解决方法: 在子弹窗添加属性**:append-to-body="true"** 解决问题
jsp页面中使用超链接标签a中的属性href和onclick同时触发怎么执行
参考地址:http://www.newsmth.net/pc/pccon.php?id=2206&nid=398188 代码如下:strHTML +="<a class=&qu ...
取消华为mate30 删除图片时手机弹出提示：“..检测xx删除了图片..“
问题:删除图片时,华为mate30出现下拉栏如下图的提示 (该截图引用于此文章) 原因:这里其实是华为mate30已经删除了图片,但是系统重新将图片保存在删除的列表,为的是防止用户误删 (该截图也是引 ...
java错误页面显示错误信息_Struts2在JSP页面中显示错误信息和提示信息的方法
Struts2在JSP页面中显示错误信息和提示信息的方法主要有以下四种. 注意:以下四种方法均需要使Action类继承ActionSupport类. 一.域级错误信息 ①重写Action中的valid ...
[js]uploadify结合jqueryUI弹出框上传，js中的冒出的bug，又被ie坑了
引言最近在一个项目中,在用户列表中需要对给没有签名样本的个别用户上传签名的样本,就想到博客园中上传图片使用弹出框方式,博客园具体怎么实现的不知道,只是如果自己来弄,想到两个插件的结合使用,在弹出框中 ...
layui table 弹出层刷新_layui 关闭open弹出框刷新table表格页面的方法
layui 关闭open弹出框刷新table表格页面的方法如下所示: 保存后刷新table表格源码 //弹出框 layer.open({ type: 2, shadeClose: true, s ...
php使用popover,php中bootstrap框架.popover弹出框，鼠标移动到上面自动显示，离开自动消失...
$(function(){//显示弹出框 $("[rel=name]").popover({ trigger:'manual', placement : 'bottom', //p ...

jsp页面中使用a标签进行删除请求时候使用弹出框确认后再删除