layui怎么刷新当前页面

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);//关闭弹出的子页面窗口
    }

网站栏目:layui怎么刷新当前页面
网页网址:https://www.cdcxhl.com/article32/cjcepc.html

成都网站建设公司_创新互联,为您提供域名注册全网营销推广网站设计做网站小程序开发网站导航

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

网站建设网站维护公司