SpringBoot----thymeleaf的删除数据简单例子36

简单的thymleaf删除数操作

第一步：为数据项最后添加一个按钮，如下

1.里面需要添加参数del_uri,参数值为URL+ID

2.在class里面添加deleteBtn这个ID值

<button th:attr="del_uri=@{/emp/}+${emp.id}" class="btn btn-sm btn-danger deleteBtn">删除</button>

第二步：在数据项之外建立一个表单用于delete方式提交

1.给form一个IDdeleteEmpForm，以post请求方式

2.在input标签的name和value值设置方式

3.把表单隐藏起来

<form id="deleteEmpForm" method="post">
	<input type="hidden" name="_method" value="delete"/>
</form>

第三步：JavaScript代码提交

<script>
	$(".deleteBtn").click(function(){
            //这个form表单无法获取点击的表单的ID的，所以要从删除按钮获取URL和ID
            $("#deleteEmpForm").attr("action",$(this).attr("del_uri")).submit();	                                                    
	    return false;
        });
</script>