alert回调函数,关闭弹出层页面,同步刷新parent页面,闭包函数

前言

请看核心代码处的注释

解析:
其实是使用了 parent.location.reload();–>关闭页面
只不过是,因为闭包函数,将parent方法放到了一个变量里

layui回调函数,可以查查这个名词,会有收获

			//提交
        form.on('submit(component-form-demo1)', function (data) {
            var data = layui.table.cache["test-table-page"];
            let userId = $('#userId').val();
            $.ajax({
                'url': '{:Url("newPackageSave")}',
                'data': {
                    'data': data,
                    'userId': userId,
                },
                'success': function (data) {
                //核心代码
                    if (data.code == 1) {
                   		//将parent方法,写进变量里
                        let parent_tmp = parent;
                        parent.layer.closeAll();//关闭所有弹窗
                        parent.layer.alert('新增套餐成功!', {
                            title: '新增成功' //弹出新增成功弹窗
                        },function (obj) {
                            layer.close(obj);//关闭新增成功弹窗
                //因为是闭包函数,直接在function调用parent方法,不起作用,
                            parent_tmp.location.reload();//刷新整个页面,不推荐
                            table.reload('test-table-page', {
                                    });//仅仅刷新表格,推荐
                        });
                        
                    } else {
                        parent.layer.closeAll();
                        parent.layer.alert('新增套餐失败!', {
                            title: '新增失败'
                        });
                    }
                },
                'dataType': 'json',//返回的格式
                'type': 'post',//发送的格式
            });
            return false;
        });

success部分另一种写法:

 'success':if (data.code === 1) {
			layer.alert(data.msg, {
		              title: '成功'
		            },function () {
		                layer.closeAll();
		                location.reload(); //执行重载
		            });
		        } else {
		            layer.closeAll();
		            layer.alert(data.msg, {
		                title: '失败'
		            });
		        }
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值