实例讲解php提交表单关闭layer弹窗iframe-tutorial php-php.cn

实例讲解php提交表单关闭layer弹窗iframe

coldplay.xixi

Lepaskan： 2023-04-09 13:54:02

ke hadapan

3299 orang telah melayarinya

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

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

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

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

Salin selepas log masuk

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

（1）弹出layer编辑框：

function edit(id){
 if(id==null||id==&#39;&#39;||id==&#39;undefined&#39;){
 alert(&#39;操作编号为空，请联系管理员&#39;);
 }
 
 layer.open({
  type: 2,
  area: [&#39;700px&#39;, &#39;530px&#39;],
  fix: false, //不固定
  maxmin: true,
  content: &#39;index.php?m=content&c=meiti&a=edit_paiqi&id=&#39;+id
 });
}

Salin selepas log masuk

（2）编辑页面主要代码

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

Salin selepas log masuk

（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);
		}
	}

Salin selepas log masuk

	/**
	 * 关闭layer层
	 */
	public function closewindow(){
		$template = "close_layer";
		include $this->admin_tpl($template);
	}

Salin selepas log masuk

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

$(function(){
 parent.location.reload();//刷新父窗口 
 parent.layer.closeAll();//关闭所有layer窗口
});

Salin selepas log masuk

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

相关学习推荐：php编程（视频）

Atas ialah kandungan terperinci 实例讲解php提交表单关闭layer弹窗iframe. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!