layui怎么刷新当前页面

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怎么刷新当前页面的详细内容，更多内容请关注技术你好其它相关文章！