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

最新推荐文章于 2024-05-29 22:02:56 发布

lingchenVv

最新推荐文章于 2024-05-29 22:02:56 发布

阅读量1.1w

点赞数

CC 4.0 BY-SA版权

分类专栏：页面展示

本文链接：https://blog.csdn.net/lingzhichen/article/details/78111057

本文介绍了如何利用layer弹窗在父子页面间进行交互，特别是子页面中form表单的提交操作，适用于需要在不跳转页面的情况下修改数据的场景。

个人感觉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();