src/main/resources/templates/system/role/form.html

<!-- operator表单弹窗 -->
<form id="form" lay-filter="form" class="layui-form model-form">
    <input name="roleId" id="roleId" type="hidden"/>
    <div class="layui-form-item">
        <label class="layui-form-label">角色名称</label>
        <div class="layui-input-block">
            <input name="roleName" placeholder="请输入角色名称" type="text" class="layui-input" maxlength="20"
                   lay-verify="required|roleName" required/>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">角色描述</label>
        <div class="layui-input-block">
            <textarea name="roleDesc" placeholder="请输入描述" class="layui-textarea"></textarea>
        </div>
    </div>

    <div class="layui-form-item model-form-footer">
        <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">取消</button>
        <button class="layui-btn" lay-filter="form-submit" lay-submit  id="submitbtn">保存</button>
    </div>
</form>

<script>
    layui.use(['layer', 'admin', 'form', 'formSelects'], function () {
        var layer = layui.layer;
        var admin = layui.admin;
        var form = layui.form;
        var url = '/role/add';
        // 回显user数据
        var func = admin.getTempData('t_func');
        if (func) {
            $('input[name="roleId"]').attr('readonly', 'readonly');
            form.val('form', func);
        }
        // 表单提交事件
        form.on('submit(form-submit)', function (data) {
            layer.load(2);
            let token = $("meta[name='_csrf_token']").attr("value");
            $.ajax({
                type : "POST",
                dataType : "json",
                url : url,
                headers: {
                    'Accept': 'application/json',
                    'Content-Type': 'application/json',
                    'X-CSRF-TOKEN':token,
                },
                data : JSON.stringify(data.field),
                success : function(result) {
                    layer.closeAll('loading');
                    if (result.code == 200) {
                        layer.msg(result.msg, {icon: 1});
                        admin.finishPopupCenter();
                    } else if (result.code == 401) {
                        layer.msg(result.msg, {icon: 2, time: 1500}, function () {
                            location.replace('/login');
                        }, 1000);
                        return;
                    } else {
                        console.log('err:' + result.code);
                        layer.msg(result.msg, {icon: 2});
                    }
                },
                error : function() {
                    layer.closeAll('loading');
                    layer.msg("请求服务器失败！", {icon: 2});
                }
            });
            return false;
        });
    });
</script>