本文摘自PHP中文网,作者藏色散人,侵删。
layui刷新当前页面的方法:首先打开相应的代码文件;然后通过“$.post("${base}/order/SaveOrder",data.field,function(res){...}”方法在请求成功后刷新当前页面即可。
本教程操作环境:windows10系统、layui2.5.6,本文适用于所有品牌的电脑。
推荐:《layUI教程》
LayUI页面关闭和刷新问题
一 编辑成功后刷新父页面
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | $.ajax({
type: "POST" ,
url: "${base}/pm/pmshiftEditList" ,
data: $( "#form" ).serialize(),
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){
}
});
|
二 请求成功后刷新数据表格
1 2 3 4 5 6 7 8 9 10 11 12 13 | 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都会执行,不携带任何参数。
阅读剩余部分
相关阅读 >>
layui有什么好处
layui怎么使用jquery
layui批量删除怎么刷新当前分页
layui怎么隐藏表格行
layui框架使用收费吗
layui框架的table字段筛选功能介绍
layui关联表单的方法
layui如何实现数据分页功能
怎么设置layui默认的表格宽度
layui时间控件清空之后无法正常使用的问题
更多相关阅读请进入《layui》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » layui怎么刷新当前页面