如何将PHP表单提交后关闭iframe中的layer弹窗？

2026-04-05 15:111阅读0评论SEO基础

内容介绍
文章标签
相关推荐

本文共计569个文字，预计阅读时间需要3分钟。

%E4%BB%8B%E7%BB%8D%E4%B8%80%E6%AC%BE%E9%9D%9E%E5%B8%B8%E7%94%A8%E7%9A%84%E5%89%8D%E7%AB%AF%E5%BC%B9%E7%AA%97%E6%8F%92%E4%BB%B6%EF%BC%9A+layer+，%E5%AE%98%E7%BD%91%E5%9C%B0%E5%9D%80%EF%BC%9Ahttp%3A%2F%2Flayer.layui.com%2F。layer%E7%9A%84iframe%E5%BC%B9%E7%AA%97%E4%BD%BF%E7%94%A8API%EF%BC%9Alayer.open%28%7B+type%3A+2%2C+area%3A+%5B700px%2C+530px%5D%2C+fix%3A+false%2C+maxmin%3A+true%7D%29。

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

layer 官网地址：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）编辑页面主要代码

（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 提交表单