引入一个非常易于使用的前端弹出插件:
图层官方网站地址:https://layer.layui.com/
根据官方的应用编程接口:层的iframe弹出窗口
//iframe layer-parent-child operation layer . open({ type:2,area:[& # 39;700px & # 39,& # 39;530像素& # 39;],修复:false,//未修复的maxmin: true,内容:& # 39;test/iframe . html & # 39;});以php开发为例,演示了如何在提交表单后自动关闭图层弹出窗口
(1)弹出图层编辑框:
函数编辑(id){ if(id = = null | | id = = & # 39;& # 39;| | id = = & # 39未定义& # 39;){警报(& # 39;操作号为空,请联系管理员& # 39;);{ layer . open ({ type:2,area:[& # 39;700px & # 39,& # 39;530像素& # 39;],修复:false,//未修复的maxmin: true,内容:& # 39;index.php?m =内容&。c=meiti&。a =编辑_paiqi&。id = & # 39+id });}(2)编辑页面的主代码
<。输入名称= & quotdosubmit & quot类型="。提交& quotid="。dosubmit & quot值="。提交" class="。按钮& quot>。(3)php background保存数据并指向关闭图层窗口的方法
公共函数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 =数组();$ insert info[& # 39;catid & # 39] =修剪($ _ POST[& # 39;catid & # 39]);$ insert info[& # 39;梅蒂德& # 39;] =修剪($ _ POST[& # 39;梅蒂德& # 39;]);$ insert info[& # 39;标题& # 39;] =修剪($ _ POST[& # 39;标题& # 39;]);$ insert info[& # 39;meitizhuname & # 39] =修剪($ _ POST[& # 39;meitizhuname & # 39]);$ insert info[& # 39;梅蒂祖德& # 39;] =修剪($ _ POST[& # 39;梅蒂祖德& # 39;]);$ insert info[& # 39;createtime & # 39] =系统时间;$ insert info[& # 39;饱和度& # 39;] =修剪($ _ POST[& # 39;饱和度& # 39;]);$datas = $paiqi_db->。更新($insertinfo,array (& quot;id"。=>。$ id);if($datas){<。span >。显示消息(L(& # 39;operation _ success & # 39),& # 39;?m =内容&。c=meiti&。a =关闭窗口& # 39;);//保存成功指向关闭窗口方法
$(函数(){ parent . location . reload();//刷新父窗口parent . layer . closeall();//关闭所有层窗口});注意:这个页面需要加载层所需要的js库来使用层方法
相关学习建议:php编程(视频)
上面的例子解释了php提交表单关闭层弹出iframe的细节