layer 弹出层在提交后关闭,然后刷新父窗口

使用场景是这样的:在用户列表页面,新增一个用户,点击新增的时候弹出一个layer弹出层,在该层完成信息后提交,保存成功后关闭弹出层,然后刷新用户列表。

解决方法有两种吧。

1.弹出层在提交保存后不关闭,由用户点击关闭,这时候layer可以监测到end事件,在该事件里做刷新列表页面(未测试过)

2.提交后根据服务器返回的结果是否保存成功来判断是否要关闭弹出层或刷新列表,一般情况如果返回的结果是失败的,则不用关闭弹出层。


点击 添加后弹出新增层


根据返回值判断是否关闭或者刷新

// 添加提交
	$("body").on("click",".addSubmit",function(){
		$.ajax({
             type:"post",
             url:"/role/save",
             data: $("form").serialize(),//表单数据
             success:function(result){
                 if(result["code"]=="100"){
                     layer.close(layer.index);
                     window.parent.location.reload();
                 }
                 if(result=="101"){
                	 layer.msg(result["msg"]);
                 }
             }
        });
		
	});



猜你喜欢

转载自blog.csdn.net/chen846262292/article/details/78687834
今日推荐