How to refresh the current page in layui

藏色散人
Release: 2020-11-30 14:24:22
Original
19213 people have browsed it

Layui method of refreshing the current page: first open the corresponding code file; then pass "$.post("${base}/order/SaveOrder",data.field,function(res){... }" method can refresh the current page after the request is successful.

How to refresh the current page in layui

The operating environment of this tutorial: windows10 system, layui2.5.6, this article is applicable to all brands of computers .

Recommended: "layUI Tutorial"

LayUI page closing and refreshing issues

1 Refresh the parent page after successful editing

$.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){
                }
            });
Copy after login

Refresh the data table after the second request is successful

 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;
                    }
                });
Copy after login

Third, close the sub-page and refresh the parent page data table

Call the end callback method of the layer plug-in:

end - the callback triggered after the layer is destroyed

Type: Function, default: null

Whether it is confirmation or cancellation, as long as the layer is destroyed, end will be executed, otherwise Carry any parameters.

When the parent window opens the layer pop-up box, add the end callback

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);
                    }
                });
Copy after login

Four, refresh the current page after the request is successful

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

Five, close the current sub-page

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

6 Call the parent page method after closing the current page

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

The above is the detailed content of How to refresh the current page in layui. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!