以form表单重用方式进行数据列表行删除

〇、使用框架与技术

　　后：Java、Spring Boot；

　　前：JQuery。

一、需求

　　

　　1.当我们在页面点击每行的删除按钮时，需要服务端进行数据库操作，此时得通过form表单向服务端提交一个http请求。

　　2.我们当然可以把整个列表套在一个form表单里。但又由于某些原因，不能把列表套在form表单中。

　　3.并且我们又不想把form表单一个个写在每行的删除按钮下。

二、解决

　　利用JQuery按钮点击事件使得form表单重用。

　　1.写一个form表单（注意要有id）

　　　　<!--
 　　　　　　this form is using to submit request of delete through js function
　　　　-->
   　　<form id="deleteEmpForm" method="post">
      
   　　</form>

　　2.每个删除按钮的点击事件

　　其中deleteUri为请求uri（为了包含所删除数据的id），该属性值从删除按钮获取（以下代码中的this指的是所点击的按钮）。

        <script>
            //delete data event
            $(".deleteBtn").click(function () {
                //append uri of request dynamically
                $("#deleteEmpForm").attr("action",$(this).attr("deleteUri")).submit();
                return false;
            })
            
        </script>