贴一段Button，可以提交servlet且删除当前所在的tr

最新推荐文章于 2022-01-28 16:29:47 发布

原创最新推荐文章于 2022-01-28 16:29:47 发布 · 263 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JSP #button #table #javaweb #Servlet

这篇博客介绍如何在JSP中利用Button实现点击后删除当前表格行的功能，通过JavaScript的parentElement属性定位到目标元素。同时，Button点击还能提交请求到Servlet，例如`DeleteTableServlet`，传递参数进行操作。用户可以根据实际情况调整JavaScript代码以适应不同的DOM结构，并自定义Servlet路径和请求参数。

 <button type="button" class="btn btn-default" 
onclick="javasript:
this.parentElement.parentElement.parentElement.removeChild(this.parentElement.parentElement);
window.location.href='DeleteTableServlet?email=${sessionScope.user[i+(requestScope.page-1)*6].email}'"> 删除</button>

这里面οnclick="javasript:
this.parentElement.parentElement.parentElement.removeChild(this.parentElement.parentElement) 是添加的点击删除当前所在行的功能，具体多少个parentElement，酌情。

这里面window.location.href=‘DeleteTableServlet?email=${sessionScope.user[i+(requestScope.page-1)*6].email}’"是点击按钮提交request，webServlet的路径和名称自己定。Parameter的变量和值自己设定。