介绍一款非常好用的前端弹窗插件：

layer 官网地址：http://layer.layui.com/

根据官方的API：layer的iframe弹窗

1. //iframe层-父子操作 
2.  
3. layer.open({  
4.  
5.  type: 2,  
6.  
7.  area: ['700px', '530px'],  
8.  
9.  fix: false, //不固定  
10.  
11.  maxmin: true,  
12.  
13.  content: 'test/iframe.html' 
14.  
15. }); 

这里以php开发为例 演示如何 提交表单后自动关闭layer弹窗

（1）弹出layer编辑框 ：

1. function edit(id){ 
2.  
3.  if(id==null||id==''||id=='undefined'){ 
4.  
5.  alert('操作编号为空，请联系管理员'); 
6.  
7.  } 
8.  
9.    
10.  
11.  layer.open({ 
12.  
13.   type: 2, 
14.  
15.   area: ['700px', '530px'], 
16.  
17.   fix: false, //不固定 
18.  
19.   maxmin: true, 
20.  
21.   content: 'index.php?m=content&c=meiti&a=edit_paiqi&id='+id 
22.  
23.  }); 
24.  
25. } 

（2）编辑页面主要代码

<input name="dosubmit" type="submit" id="dosubmit" value="提交" class="button" >

（3）php后台保存数据并指向一个关闭layer窗口的方法

1. public function edit_config_paiqi(){ 
2.  
3.         $id = trim($_REQUEST['id']); 
4.  
5.         $paiqi_db = pc_base::load_model('paiqi_config_model'); 
6.  
7.         if($_REQUEST['dosubmit']){ 
8.  
9.             $insertinfo = array(); 
10.  
11.             $insertinfo['catid'] = trim($_POST['catid']); 
12.  
13.             $insertinfo['meitiid'] = trim($_POST['meitiid']); 
14.  
15.             $insertinfo['title'] = trim($_POST['title']);    
16.  
17.             $insertinfo['meitizhuname'] = trim($_POST['meitizhuname']); 
18.  
19.             $insertinfo['meitizhuid'] = trim($_POST['meitizhuid']); 
20.  
21.             $insertinfo['createtime'] = SYS_TIME; 
22.  
23.             $insertinfo['saturation'] = trim($_POST['saturation']); 
24.  
25.             $datas = $paiqi_db->update($insertinfo,array("id"=>$id)); 
26.  
27.             if($datas){ 
28.  
29.                 <span style="color:#ff0000;">showmessage(L('operation_success'),'?m=content&c=meiti&a=closewindow');//保存成功指向关闭窗口方法</span> 
30.  
31.             } 
32.  
33.         }else{ 
34.  
35.             $datas = $paiqi_db->select(array("id"=>$id)); 
36.  
37.             $template = "edit_config_paiqi"; 
38.  
39.             include $this->admin_tpl($template); 
40.  
41.         } 
42.  
43.     }
44.  
45. /** 
46.  
47.  * 关闭layer层 
48.  
49.  */ 
50.  
51. public function closewindow(){ 
52.  
53.     $template = "close_layer"; 
54.  
55.     include $this->admin_tpl($template); 
56.  
57. } 

（4）关闭窗口并刷新父窗口页面的关键代码

1. $(function(){ 
2.  
3.  parent.location.reload();//刷新父窗口  
4.  
5.  parent.layer.closeAll();//关闭所有layer窗口 
6.  
7. }); 

注意：该页面需要加载layer需要的js库才能使用layer方法

Tags: php关闭layer 弹窗iframe

分享到：