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中文网其他相关文章！
