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中文網其他相關文章！
