layui点击提交后弹出成功信息并关闭layer层

一. 问题背景

前端:jsp页面有一个’编辑信息‘的表单,点击’提交‘,使用ajax发送请求,后台处理请求后返回给ajax的success,并弹出处理的信息并关闭窗口

二. 解决方法

关键在倒数第6行代码,如下:

form.on('submit(formDemo1)', function(arg){
             console.info(arg.field);
             $.ajax({
 		        url: 'updateUser',
 		        data: {"user_id":arg.field.user_id, 
 		               "username":arg.field.username, 
 		               "password":arg.field.password,
 		               "mail":arg.field.mail,
 		               "manager":arg.field.manager},
 		        dataType: 'json',
 		        type: 'POST',
 		       success:function(result){
                   if(result == null){
                       layer.msg("更新失败!");
                   }
                   else{
                       /* layer.msg("更新成功!"); */
				      //当你在iframe页面关闭自身时
	 	             var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
	                //layer信息提示
	                layer.msg('更新成功');//下面是关键代码
	 	            setTimeout(function () { parent.layer.close(index) }, 330);//延迟
                   }
                }
 		        }); 
		        return false;
        });
发布了345 篇原创文章 · 获赞 20 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/qq_40634846/article/details/104751372