SpringBoot+Thymeleaf+ajax异步删除

SpringBoot+Thymeleaf+ajax异步删除

HTML页面
th:id="'id'+${student.sid}" 是给ajax获取所删除前端显示的编号
<a th:onclick="'javascript:del('+${student.sid}+');'"> 是给后端传所删除值的编号

     <tr th:each="student:${student}" th:id="'id'+${student.sid}">
           <td th:text="${student.sid}"></td>
           <td th:text="${student.sname}"></td>
           <td th:text="${student.sage}"></td>
           <td th:text="${student.ssex}"></td>
           <td th:text="${student.classes.cname}"></td>
           <td th:text="${student.grade.gname}"></td>
           <td><img th:src="@{${student.file}}"  width="90" height="80"></td>
           <td>
               <a th:href="@{/student/findByid(sid=${student.sid})}">修改</a>
               <a th:onclick="'javascript:del('+${student.sid}+');'">删除</a>
           </td>
       </tr>

ajax

    function del(sid){
         $.post("/student/delete1",{sid:sid},function (result) {
            if(result == 1){
                $("#id"+sid).remove();
            }
        })
    }

Controller

 @RequestMapping("/delete1")
    @ResponseBody
    public String delete1(HttpServletRequest request){
        int sid = Integer.parseInt(request.getParameter("sid"));
        studentService.delete(sid);
        return "1";
    }