首頁  >  文章  >  後端開發  >  實例講解php提交表單關閉layer彈跳窗iframe

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

coldplay.xixi
coldplay.xixi轉載
2020-08-14 17:15:073067瀏覽

實例講解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[&#39;id&#39;]);
		$paiqi_db = pc_base::load_model(&#39;paiqi_config_model&#39;);
		if($_REQUEST[&#39;dosubmit&#39;]){
			$insertinfo = array();
			$insertinfo[&#39;catid&#39;] = trim($_POST[&#39;catid&#39;]);
			$insertinfo[&#39;meitiid&#39;] = trim($_POST[&#39;meitiid&#39;]);
			$insertinfo[&#39;title&#39;] = trim($_POST[&#39;title&#39;]);	
			$insertinfo[&#39;meitizhuname&#39;] = trim($_POST[&#39;meitizhuname&#39;]);
			$insertinfo[&#39;meitizhuid&#39;] = trim($_POST[&#39;meitizhuid&#39;]);
			$insertinfo[&#39;createtime&#39;] = SYS_TIME;
			$insertinfo[&#39;saturation&#39;] = trim($_POST[&#39;saturation&#39;]);
			$datas = $paiqi_db->update($insertinfo,array("id"=>$id));
			if($datas){
				<span style="color:#ff0000;">showmessage(L(&#39;operation_success&#39;),&#39;?m=content&c=meiti&a=closewindow&#39;);//保存成功指向关闭窗口方法</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程式設計(影片)

以上是實例講解php提交表單關閉layer彈跳窗iframe的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:jb51.net。如有侵權,請聯絡admin@php.cn刪除