layer父子页面交互(子页面form表单提交)

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

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

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


先看看图解:

layer父子页面交互(子页面form表单提交)_第1张图片

再瞅瞅代码

//jsp部分


//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 = '重新加载的页面';
   									});  
                	        		
                	        	}
                	        }
                	    });

//正常表单页面
// 提交按钮、取消按钮  绑定点击事件   

很简单的举例,大家理解一下就好!


你可能感兴趣的:(页面展示)