jsp里面用ajax删除

    <a href="JavaScript:;" onclick="todel(${staff.id},this)">删除</a>

function todel(id,obj) {

    if (confirm("确定要删除吗？")) {


      $.ajax({
        url: "${pageContext.request.contextPath}/staff/del/"+id,
        type:"delete",
        dataType: "json",
        success: function (res) {

          console.log(res)
          if(res){

            //a  td   tr
            obj.closest("tr").remove()

          }else{
            alert("删除失败")
          }

        }
      })
    }

  }

@DeleteMapping("/del/{id}")
    @ResponseBody
    public String del(@PathVariable Integer id,HttpServletRequest request){
        Map map = new HashMap();

       Boolean flag= staffService.del(id,request);
       map.put("flag",flag);
       return JSON.toJSONString(map);

    }

@Transactional
    public Boolean del(Integer id, HttpServletRequest request) {
        //删除前检查一下员工的头像有没有  有的话要删除
        try {
            Staff staff=staffMapper.getById(id);

            if (staff.getPhoto()!=null&& staff.getPhoto()!= "") {
                //获取图片的磁盘路径
                String realPath = request.getServletContext().getRealPath("/staff/" + staff.getPhoto());

                File photo = new File(realPath);
                if (photo.exists()) {
                    photo.delete();
                }

            }

            //删除员工记录

            staffMapper.del(id);
            return true;
        } catch (Exception e) {
            return false;
        }


    }