layui刷新当前页面的方法-创新互联
这篇文章主要介绍了layui刷新当前页面的方法,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。
10多年品牌的成都网站建设公司,上1000+企业网站设计经验.价格合理,可准确把握网页设计诉求.提供定制网站建设、商城网站建设、小程序设计、响应式网站等服务,我们设计的作品屡获殊荣,是您值得信赖的专业网站建设公司。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){ } });
二 请求成功后刷新数据表格
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刷新当前页面的方法内容对大家有帮助,同时也希望大家多多支持创新互联网站建设公司,,关注创新互联行业资讯频道,遇到问题就找创新互联网站建设公司,,详细的解决方法等着你来学习!
名称栏目:layui刷新当前页面的方法-创新互联
当前链接:http://scyanting.com/article/dghodh.html