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

谁借莪１个温暖的怀抱￠ 2023-07-12 14:48 21阅读 0赞

# 一. 问题背景 #

前端：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;
            });

发表评论取消回复

表情：

评论列表（有 0 条评论，21人围观）

还没有评论，来说两句吧...

相关阅读

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

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

谁借莪１个温暖的怀抱￠/ 2023年07月12日 14:48/ 0 赞/ 22 阅读

相关【前端-layui-layer】layui弹出层闪退，layer弹出层闪退，layer弹出层坑

今天用layui的弹出层插件，发现两奇怪的问题： 1、弹窗打开事件还未绑定到任何按钮，可是点击form表单中的按钮可以打开我定义的弹出层 2、绑定弹出层到按钮，打开弹窗闪退

我不是女神ヾ/ 2023年07月05日 11:53/ 0 赞/ 46 阅读

相关 Layui关于layer弹出层的使用心得

1.动态修改父级标题使用layui.layer打开一个iframe页面，如果想在子页面修改父标题的内容也就是 layer.open({title:"123"

╰半橙微兮°/ 2022年12月06日 05:27/ 0 赞/ 243 阅读

相关 layer 弹出层

使用方法：一、引入 <script type="text/javascript" src="js/jquery-1.8.0.min.js"></scrip

约定不等于承诺〃/ 2022年07月24日 07:03/ 0 赞/ 363 阅读

相关 layer弹出层关闭后刷新父页面

window.parent.location.reload(); //刷新父页面 var index = parent.layer.getFrameI

亦凉/ 2022年06月04日 01:25/ 0 赞/ 275 阅读

相关 layui弹出层闪退，layer弹出层闪退，layer弹出层坑

转载: http://www.mamicode.com/info-detail-1654730.html 今天用layui的弹出层插件，发现两奇怪的问题： 1、弹窗打开事

桃扇骨/ 2022年05月22日 04:30/ 1 赞/ 487 阅读

相关 layui关闭iframe弹出层后刷新父级页面

需求：点击按钮->弹出iframe窗体->在iframe中的列表中选区需要的用户条目->确认并关闭窗体->在父级窗体中显示刚才选取的用户（刷新）。 layer.ope

以你之姓@/ 2022年05月21日 11:55/ 0 赞/ 1087 阅读

相关点击页面其它地方关闭弹出层

$(".statusoption").click(function () { $(this).children().toggle();

「爱情、让人受尽委屈。」/ 2022年02月22日 21:10/ 0 赞/ 357 阅读

相关 layer弹出层内点击确认提交数据并关闭弹出层

$.ajax({ url: "json/DeductScore.ashx", type:

心已赠人/ 2021年09月15日 07:26/ 0 赞/ 877 阅读

相关 layer弹出层

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>layu

清疚/ 2021年09月15日 07:26/ 0 赞/ 616 阅读