Layui如何在弹出的窗口中删除数据之后自动关闭当前窗口并刷新父级页面

页面效果为以下:
前端页面效果
点击进入一个页面
点击后进入到这儿
点击进入到的页面
当点击 删除规格 按钮之后,该条数据会被删除,且当前页面会被关闭,父级页面被刷新

父级页面被刷新
父级页面被刷新
代码如下:

$("#deleteBtn").click(function(){
				layer.confirm('确定删除数据吗?(删除不可恢复)',{icon: 7,title: '删除数据'}, function(index){
				layer.load(1);
				var id = $("input[name='id']").val();
				$.ajax(
						{
							url:'<%=request.getContextPath() %>/product/delete',
							async : false,
				            cache : false,
				            traditional: true,
				            type : 'POST',
							data:{
								'id' : id
							},
							success:function(result){
								layer.closeAll();
								parent.layer.msg(result.msg); //父级页面弹出提示框
								parent.window.location.reload();刷新父级页面
								var index = parent.layer.getFrameIndex(window.name); //获取当前页面索引
								parent.layer.close(index); //关闭当前页面
							},
							error:function(result){
								layer.closeAll();
								layer.msg(result.msg);
							}
						});
				});
			});

如您在阅读中发现不足,欢迎留言!!!

Asurplus、 CSDN认证博客专家 博客专家 全栈开发
书山有路勤为径,学海无涯苦作舟!
已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 终极编程指南 设计师:CSDN官方博客 返回首页