ajax删除数据后刷新页面+报错原因+解决思路和方法

代码可参考https://www.cnblogs.com/qlqwjy/p/7422238.html

按钮

<a href="#" class="btn btn-danger btn-xs" onclick="deleteCustomer(${stu.id})">删除</a>

导js包

<!-- 引入js文件 -->
    <!-- jQuery -->
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.11.0.min.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>

ajax脚本

<script>
// ajax异步删除后刷新页面
function deleteCustomer(id) {
    if (confirm('确实要删除该客户吗?')) {
        $.ajax({
            url: "user/deleteUser",
            async: true,
            type: "POST",
            data: {
                "id": id
            },
            success: function (data) {
                alert(data);
                // 删除成功后刷新页面
                window.location.reload();
            },
            error: function () {
                alert("请求失败");
            },
            dataType: "text"
        });
    }
}

</script>

控制层

    //删除一个用户
    @RequestMapping(value = "/deleteUser", method = RequestMethod.POST)

    public @ResponseBody String deleteUser(@Param("id")Integer id) {
       int a= loginService.deleteById(id);
        System.out.println(id);
        if(a > 0){
            return "OK";
        }else{
            return "FAIL";
        }
    }

---------------------------------------------分割线-----------------------------------------

之前报错
可以弹出提示框，但是识别不了路径，删除不了数据

解决思路
在页面按 F12 ，点击按钮，看到报错，复制上网查

解决方法
引入js包

<!-- 引入js文件 -->
    <!-- jQuery -->
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.11.0.min.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>

可参考 https://blog.csdn.net/m0_37836194/article/details/78318204

这鬼东西搞了我两天！！