這篇文章主要介紹了layui刷新當前頁面的方法，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

麗江網站制作公司哪家好，找成都創(chuàng)新互聯(lián)！從網頁設計、網站建設、微信開發(fā)、APP開發(fā)、響應式網站建設等網站項目制作，到程序開發(fā)，運營維護。成都創(chuàng)新互聯(lián)自2013年起到現(xiàn)在10年的時間，我們擁有了豐富的建站經驗和運維經驗，來保證我們的工作的順利進行。專注于網站建設就選成都創(chuàng)新互聯(lián)。

layui刷新當前頁面的方法：首先打開相應的代碼文件；然后通過“$.post("${base}/order/SaveOrder",data.field,function(res){...}”方法在請求成功后刷新當前頁面即可。

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){
                }
            });

二 請求成功后刷新數(shù)據(jù)表格

 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;
                    }
                });

三 關閉子頁面刷新父頁面數(shù)據(jù)表格

調用layer插件的end回調方法：

end - 層銷毀后觸發(fā)的回調

類型：Function，默認：null

無論是確認還是取消，只要層被銷毀了，end都會執(zhí)行，不攜帶任何參數(shù)。

父窗口打開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;
                        //重新加載數(shù)據(jù)表格
                        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刷新當前頁面的方法內容對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)，詳細的解決方法等著你來學習!

新聞名稱：layui刷新當前頁面的方法
鏈接URL：http://aaarwkj.com/article6/gjjoig.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供建站公司、標簽優(yōu)化、移動網站建設、網站內鏈、、服務器托管

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)