範例講解php提交表單關閉layer彈窗iframe

介紹一款非常好用的前端彈窗外掛：

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

根據官方的API：layer的iframe彈窗

//iframe層-父子操作
layer.open({ 
 type: 2, 
 area: ['700px', '530px'], 
 fix: false, //不固定 
 maxmin: true, 
 content: 'test/iframe.html'
});

這裏以php開發爲例 演示如何 提交表單後自動關閉layer彈窗

（1）彈出layer編輯框 ：

function edit(id){
 if(id==null||id==''||id=='undefined'){
 alert('操作編號爲空，請聯繫管理員');
 }
 
 layer.open({
  type: 2,
  area: ['700px', '530px'],
  fix: false, //不固定
  maxmin: true,
  content: 'index.php?m=content&c=meiti&a=edit_paiqi&id='+id
 });
}

（2）編輯頁面主要程式碼

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

（3）php後臺儲存數據並指向一個關閉layer視窗的方法

public function edit_config_paiqi(){
		$id = trim($_REQUEST['id']);
		$paiqi_db = pc_base::load_model('paiqi_config_model');
		if($_REQUEST['dosubmit']){
			$insertinfo = array();
			$insertinfo['catid'] = trim($_POST['catid']);
			$insertinfo['meitiid'] = trim($_POST['meitiid']);
			$insertinfo['title'] = trim($_POST['title']);	
			$insertinfo['meitizhuname'] = trim($_POST['meitizhuname']);
			$insertinfo['meitizhuid'] = trim($_POST['meitizhuid']);
			$insertinfo['createtime'] = SYS_TIME;
			$insertinfo['saturation'] = trim($_POST['saturation']);
			$datas = $paiqi_db->update($insertinfo,array("id"=>$id));
			if($datas){
				<span style="color:#ff0000;">showmessage(L('operation_success'),'?m=content&c=meiti&a=closewindow');//儲存成功指向關閉視窗方法</span>
			}
		}else{
			$datas = $paiqi_db->select(array("id"=>$id));
			$template = "edit_config_paiqi";
			include $this->admin_tpl($template);
		}
	}

	/**
	 * 關閉layer層
	 */
	public function closewindow(){
		$template = "close_layer";
		include $this->admin_tpl($template);
	}

（4）關閉視窗並重新整理父視窗頁面的關鍵程式碼

$(function(){
 parent.location.reload();//重新整理父視窗 
 parent.layer.closeAll();//關閉所有layer視窗
});

注意：該頁面需要載入layer需要的js庫才能 纔能使用layer方法

相關學習推薦：（視訊）

以上就是範例講解php提交表單關閉layer彈窗iframe的詳細內容，更多請關注php中文網其它相關文章！