layer父子页面交互（子页面form表单提交）

来源：互联网发布：淘宝店主寄语编辑：程序博客网时间：2024/05/17 08:24

个人感觉layer弹窗功能挺好使用的，功能挺齐全的。

在这样的场景：父页面中有数据需要修改，但不需要跳转到下一个页面进行处理；

这时就可以考虑使用弹窗功能；

先看看图解：

再瞅瞅代码

//jsp部分<input id="handle" name="handle" value="" hidden="hidden">//js部分  layer.open({                title: "XXX",                        type: 2,                        area: ['700px', '530px'],                        fix: false, //不固定                        maxmin: true,                        content:  '子页面的url',                        success:function(layero,index){                                                },                        end:function(){    //子页面销毁时回调的方法                        var handle = $("#handle").val();                        if( handle == 1){                        layer.msg('修改成功', {      icon: 1,     time: 1500 //2秒关闭（如果不配置，默认是3秒）   }, function(){   $("#handle").attr("value","");   window.location.href = '重新加载的页面';   });                                                  }                        }                    });

//正常表单页面// 提交按钮、取消按钮  绑定点击事件   <script type="text/javascript">$(function() {$("button[type='submit']").click(function() {var index = parent.layer.getFrameIndex(window.name);parent.$("#handle").attr("value",1);parent.layer.close(index);//  parent.location.reload(); // 父页面刷新  })})function cancelBack() {var index = parent.layer.getFrameIndex(window.name);parent.$("#handle").attr("value",2);parent.layer.close(index);}</script>

很简单的举例，大家理解一下就好！

阅读全文

0 0