layui iframe子页面重载父级页面数据表格

 场景:数据表格页面(页面1),点击添加数据按钮,弹出子页面form表单(页面2),提交数据成功后,(页面2)再弹出confirm弹出层,

关闭弹出层以及页面2并重载页面1的数据表格

form.on("submit(studentAdd)",function (data) {
    var formData = data.field
    $.ajax({
        url:"/admin/studentAdd",
        data:formData,
        type:"POST",
        success:function (data) {
            if (data.status==1){
                //使用parent找到父级,重载数据表格
                parent.layui.table.reload('studentTable');
                layer.confirm('添加成功,是否继续添加',function(index){
                    //关闭子页面的confirm弹出层,不关闭子页面
                    layer.close(index);
                },function () {
                    //关闭子页面及子页面弹出层
                    var index = parent.layer.getFrameIndex(window.name);
                    parent.layer.close(index)
                })
            }else {
                layer.msg(data.msg,{'icon':5})
            }
        }
    })
    return false;
})

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如果你正在使用 layui 框架,可以在页面中使用 layui.form 模块来获取表单数据。 1. 在页面中引入 layui.form 模块: ``` layui.use('form', function(){ var form = layui.form; // 你的代码 }); ``` 2. 在页面中给表单元素添加 name 属性,方便获取表单数据: ``` <form class="layui-form" action=""> <div class="layui-form-item"> <label class="layui-form-label">用户名</label> <div class="layui-input-block"> <input type="text" name="username" required lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">密码</label> <div class="layui-input-block"> <input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item"> <div class="layui-input-block"> <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button> <button type="reset" class="layui-btn layui-btn-primary">重置</button> </div> </div> </form> ``` 3. 在页面中监听页面的提交事件,使用 layui.layer.open 方法打开页面: ``` layui.use('layer', function(){ var layer = layui.layer; // 监听提交事件 layui.form.on('submit(formDemo)', function(data){ // 获取表单数据 var username = data.field.username; var password = data.field.password; // 异步提交表单数据 $.post('/submit', {username: username, password: password}, function(res){ if(res.code === 0){ // 提交成功,关闭页面 layer.closeAll('iframe'); }else{ // 提交失败,提示用户 layer.msg(res.msg); } }); return false; }); // 打开页面 layer.open({ type: 2, title: '页面标题', area: ['600px', '400px'], content: '/subpage.html' // 页面 URL 地址 }); }); ``` 在这个例中,我们使用 layui.form.on 方法来监听页面的提交事件,获取表单数据并提交到服务器。如果提交成功,我们使用 layui.layer.closeAll 方法关闭页面;否则,使用 layui.layer.msg 方法提示用户提交失败的原因。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值