用layer的iframe层提交表单后，需要关闭当前的iframe层，然后刷新父页面的方法

最新推荐文章于 2020-11-08 11:12:50 发布

转载最新推荐文章于 2020-11-08 11:12:50 发布 · 678 阅读

文章标签：

#前端 #layUI

经验谈专栏收录该内容

35 篇文章

订阅专栏

本文展示了一个使用AJAX进行图片上传的示例代码，详细解释了如何通过POST请求将图片数据发送到服务器，并处理服务器返回的结果。文章还介绍了如何在上传成功后更新父级页面。

参考:

$.ajax({
                type: "POST",
                url: "/app/userinfo/uploadimg1",
                data:form,
                datatype:'json',
                processData:false,
                contentType:false,
                success: function(data) {
                	console.log(data)
                	var ResData=$.parseJSON(data);
	            	var Jcode=ResData.code;
                	if(Jcode==0){
                		layer.msg('图片上传失败', {icon: 2});
                		layer.closeAll(); //疯狂模式，关闭所有层
                	}else if(Jcode==1){
                		layer.msg('图片上传成功', {icon: 1});
                		var index = parent.layer.getFrameIndex(window.name);  
						setTimeout(function(){
							parent.layer.close(index);//关闭弹出层
							parent.location.reload();//更新父级页面（提示：如果需要跳转到其它页面见下文）
						}, 2000);
						
                	}
                    
                },
                error: function(XMLHttpRequest, textStatus, errorThrown) {
                    layer.msg('图片上传失败', {icon: 2});
                    layer.closeAll(); //疯狂模式，关闭所有层
                    return false;
                }
            });

实际开发:
在这里插入图片描述