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

发布时间：2022-08-02 16:19 所属栏目：121 来源：互联网

导读：介绍一款非常好用的前端弹窗插件： 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 官网地址：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方法。

（编辑：ASP站长网）