前端删除按钮代码:
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<a href="javascript:;" class="layui-btn layui-btn-danger layui-btn-sm" onclick="del(${v.id})">删除</a>
JS代码:
<script>
var ctx = "${ctx}"; //js全局项目路径
layui.use(['form', 'layedit', 'laydate'], function() {
var form = layui.form
, layer = layui.layer
, layedit = layui.layedit
, laydate = layui.laydate;
})
function del(id) {
layer.confirm('真的删除行么?', function (index) {
var url = ctx + "/BanjiServlet?type=delete&id=" + id;//路径拼接
location.href = url;
})
}
</script>
当使用thymeleaf时:
<button class="btn btn-sm btn-danger" th:onclick="del([[${account.getId()}]])">删除</button>
function del(id){
if(confirm("您确认要删除吗")){
location.href="[[@{/del}]]?id="+id
}
}
这篇博客介绍了如何在前端实现删除按钮的功能,通过JavaScript和layui库进行弹窗确认,然后利用后台BanjiServlet进行数据删除。在Thymeleaf环境中,同样展示了如何用按钮触发删除操作,通过location.href更新页面。此示例适用于前端与后台的数据交互和页面操作。
1584

被折叠的 条评论
为什么被折叠?



