• 技术文章 >web前端 >Layui教程

    layui怎么刷新当前页面

    藏色散人藏色散人2020-11-30 14:24:22原创114

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

    本教程操作环境:windows10系统、layui2.5.6,本文适用于所有品牌的电脑。

    推荐:《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怎么刷新当前页面的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:layui
    上一篇:layui怎么调整弹框大小 下一篇:layui怎么实现下载功能
    第14期线上培训班

    相关文章推荐

    • layui 免费开源吗?• 如何解决layui报错问题• jquery的easyui和layui区别是什么• layui框架属于前端还是后端

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网