Vue+jqure+springboot 整合增删改查 edit

weixin_45450482

于 2020-09-03 18:40:53 发布

阅读量125

点赞数

本文链接：https://blog.csdn.net/weixin_45450482/article/details/108390957

版权

<!DOCTYPE html>
<html lang="en">
<script src="../js/jquery-3.3.1.js"></script>
<script src="../js/vue.min.js"></script>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <form  method="post" id="div1">
        <!--id<input type="text" name="id" readonly /><br/>-->
        dname<input type="text" name="dname"/><br/>
        loc<input type="text" name="loc"/><br/>
       <button type="button" @click="add">提交</button>
    </form>
</body>
<script>
   var my = new Vue({
        el:"#div1",
       data:{
       },
       methods:{
            add:function () {
                $.ajax({
                    url:"/add",
                    type:"POST",
                    data:$("form").serialize(),
                    success:function (data) {
                        alert("添加成功")
                        window.location.href=("/");

                    }
                })
            }
       }
    })

</script>
</html>

//添加
@RequestMapping(value = "/add",method = RequestMethod.POST)
public ResponseEntity addDept( Dept dept){
    deptService.QaddDept(dept);
    return new ResponseEntity(HttpStatus.OK);
}