layui怎么刷新当前页面

layui刷新当前页面的方法:首先打开相应的代码文件;然后通过“$.post(\”${base}/order/SaveOrder\”,data.field,function(res){…}”方法在请求

layui刷新当前页面的方法:首先打开相应的代码文件;然后通过“$.post("${base}/order/SaveOrder",data.field,function(res){…}”方法在请求成功后刷新当前页面即可。

推荐:《layUI教程》

LayUI页面关闭和刷新问题

一 编辑成功后刷新父页面

$.ajax({                type: "POST",                        url: "${base}/pm/pmshiftEditList",                        data: $("#form").serialize(),//将对象序列化成JSON字符串                        success: function(res){                    if (res.success) {                        parent.layer.msg("操作成功!", {time: 1000}, function () {                            //重新加载父页面                            parent.location.reload();                        });                        return;                    } else {                        layer.msg(res.message,{time: 2000},function () {});                    }                },                error: function(res){                }            });

二 请求成功后刷新数据表格

 if(obj.event === "editDetails"){                var editIndex = parent.layer.open({                    title : "编辑工艺",                    type : 2,                    content : "${base}/pm/routingtmpl/editDetails?tmplId="+data.id,                    area: ['100%', '100%'], //宽高                    success : function(layero, addIndex){                    },end: function () {                        t.where = data.field;                        table.reload('test', t);                        return false;                    }                });

三 关闭子页面刷新父页面数据表格

调用layer插件的end回调方法:

end – 层销毁后触发的回调

类型:Function,默认:null

无论是确认还是取消,只要层被销毁了,end都会执行,不携带任何参数。

父窗口打开layer弹出框时,添加end回调

addIndex = layer.open({                    title : "编辑客户定单",                    type : 2,                    content : "${base}/order/projectEdit?projectId="+data.project_id,                    success : function(layero, addIndex){                        setTimeout(function(){                            layer.tips('点击此处返回客户定单列表', '.layui-layer-setwin .layui-layer-close', {                                tips: 3                            });                        },500);                    }, end: function () {                        var data1 = table.cache["test"];                        t.where = data1.field;                        //重新加载数据表格                        table.reload('test',t);                    }                });

四 请求成功后刷新当前页面

$.post("${base}/order/SaveOrder",data.field,                    function(res){                        if(res.success){                            parent.layer.msg("保存成功!",{time:1000},function(){                                //重新加载当前页面                                location.reload();                            });                        }else{                            layer.msg(res.message);                        }                    });

五 关闭当前子页面

 //返回        $("#closePage").click(function(){            var index = parent.layer.getFrameIndex(window.name); //获取窗口索引            parent.layer.close(index);//关闭弹出的子页面窗口        });

六 关闭当前页面后调用父页面方法

 function closePagetmp(id,num){        //调用父页面方法        window.parent.showPBom(num,id);        var index = parent.layer.getFrameIndex(window.name); //获取窗口索引        parent.layer.close(index);//关闭弹出的子页面窗口    }

关于作者: 营销实力派

为您推荐

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注