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/info?id=" + 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?id=" + 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); //关闭弹出的子页面窗口
 }

本文属原创，转载请注明原文：https://www.zhimatong.com/jiaocheng/505.html

为保证教程的实用性及扩大知识面覆盖，如果您有相似问题而未解决，可联系在线客服免费技术支持。