用ssm框架配合layui实现添加功能,状态值报错 canceled

用ssm框架配合layui实现添加功能

controller层

-------这里为了更方便,只用了一个返回值用于前端判定

//添加
    @RequestMapping("/adminadd")
    public String adminadd(User user) {
        User user1 = userservice.queryUserByusername(user.getUsername());
        if(user.getRole_id()==0){
            user.setRole("普通用户");
        }
        if(user.getRole_id()==1){
            user.setRole("管理员");
        }
        System.out.println(user);
        String msg = "0";
        if (user1 == null) {
            msg = "0";
            userservice.queryAddUser(user);
        }
        if (user1 != null ) {
            msg = "1";
        }
        System.out.println(msg);
        return msg;
    }
layui前台

这里遇到几个坑:
1、如果遇到验证未通过表单提交问题,这种情况很可能是没有绑定表单监听事件,只绑定了按钮提交时间。
2、如果遇到前台向后台传值成功,而前台接收不到后台的返回值,状态值报错 canceled,则可能是表单监听事件没有返回值,return false;这个在自己写的时候坑了好久。

//添加
   <script>
    layui.use(['form', 'layer', 'jquery'], function () {
        var form = layui.form
            , layer = layui.layer
            , $ = layui.jquery;
            //自定义验证函数,因为layui自带的不够多-----
        form.verify({
            repass: function (value) {
                if ($('#password').val() != $('#repassword').val()) {
                    return '两次密码不一致';
                }
            }
        });
        form.on('submit(add)', function (data) {
            var admindate = $("#adminadd").serialize();
            $.ajax({
                //几个参数需要注意一下
                type: "POST",//方法类型
                dataType: "json",//预期服务器返回的数据类型
                url: "/user/adminadd",//url
                data: admindate,
                success: function (data) {
                    console.log(data);
                    if (data == 0) {
                        layer.closeAll('loading');
                        layer.load(2);
                        layer.msg("添加成功", {icon: 6});
                        setTimeout(function () {
                            window.parent.location.reload();//修改成功后刷新父界面
                        }, 1000);
                    }
                    if (data == 1) {
                        layer.msg("用户名已存在!", {icon: 5});
                    }

                },
                error: function () {
                    layer.msg("出现异常!", {icon: 5});
                }
            });
            return false;
        });

    });
</script>

今天是我们北方的小年,祝码友们小年快乐,呦吼吼-----------

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

失落的猫头鹰

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值