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

红太狼 2022-04-11 04:18 968阅读 0赞

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

父级页面被刷新  
![父级页面被刷新][20181204183301647.png]  
代码如下：

$("#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);
    							}
    						});
    				});
    			});

如您在阅读中发现不足，欢迎留言！！！

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMDY1Nzc2_size_16_color_FFFFFF_t_70]: /images/20220411/235fcbe8f5a84608a45739c90e35bf42.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMDY1Nzc2_size_16_color_FFFFFF_t_70 1]: /images/20220411/ba300220028b4055ad4436fbb2f050c4.png
[20181204183301647.png]: /images/20220411/15159f330486453e8666018860b02cb5.png