2023/4/6

关于layui向后台新增数据

用layui.use加载html的layui的模块：

单一模块：layui.use('form',  function () {})

多个模块：layui.use(['form', 'layer', 'jquery', 'laydate'], function () {}，多个模块用中括号括起来。

在function函数里面写变量：

            var form = layui.form,
                layer = layui.layer,

监听新增按钮：form.on('submit(add)', function (data) {}

利用ajax提交数据到后台：

                    $.ajax({
                        url:'/user/add',
                        data:data.field,
                        type:'post',
                        dataType:'JSON',
                        success:function (res) {
                            if(res.count>0){
                                layer.alert("增加成功", {
                                        icon: 6
                                    },
                                    function () {
                                        //关闭当前frame
                                        xadmin.close();

                                        // 可以对父窗口进行刷新
                                        xadmin.father_reload();
                                    });
                            }
                            else {
                                layer.alert("增加失败，请重试");
                            }
                        }
                    });

最后在function函数最后要写一句：return false；防止页面反复刷新

---

关于layui的任何表单代码都可以在表单 - 在线演示 - Layui里面找到。这里举一个关于时间表单的例子

 这种格式的时间表单，需要在js里面渲染

首先用layui.use加载laydate，并 设置变量：var laydate=layui.laydate;

laydate.render({
    elem: '#birthday',
    trigger:'click'//强制表单一直显示
});