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


Posted in PHP onAugust 20, 2018

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

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方法

以上这篇php 提交表单 关闭layer弹窗iframe的实例讲解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

PHP 相关文章推荐
PHP学习之PHP表达式
Oct 09 PHP
php数组函数序列 之array_count_values() 统计数组中所有值出现的次数函数
Oct 29 PHP
PHP中如何定义和使用常量
Feb 28 PHP
基于PHPExcel的常用方法总结
Jun 13 PHP
php接口与接口引用的深入解析
Aug 09 PHP
PHP中鲜为人知的10个函数
Feb 28 PHP
php制作文本式留言板
Mar 18 PHP
php自定义urlencode,urldecode函数实例
Mar 24 PHP
yii2中使用Active Record模式的方法
Jan 09 PHP
phpStudy中升级MySQL版本到5.7.17的方法步骤
Aug 03 PHP
Laravel 5.5 实现禁用用户注册示例
Oct 24 PHP
PHP读取Excel内的图片(phpspreadsheet和PHPExcel扩展库)
Nov 19 PHP
PHP数组常用函数实例小结
Aug 20 #PHP
PHP预定义超全局数组变量小结
Aug 20 #PHP
Yii2语言国际化的配置教程
Aug 19 #PHP
Ubuntu中支持PHP5与PHP7双版本的简单实现
Aug 19 #PHP
Laravel框架执行原生SQL语句及使用paginate分页的方法
Aug 17 #PHP
Laravel框架实现修改登录和注册接口数据返回格式的方法
Aug 17 #PHP
ThinkPHP5+Layui实现图片上传加预览功能
Aug 17 #PHP
You might like
全国FM电台频率大全 - 27 陕西省
2020/03/11 无线电
Session的工作机制详解和安全性问题(PHP实例讲解)
2014/04/10 PHP
yii中widget的用法
2014/12/03 PHP
在jQuery1.5中使用deferred对象 着放大镜看Promise
2011/03/12 Javascript
jQuery之尺寸调整组件的深入解析
2013/06/19 Javascript
第一次接触神奇的Bootstrap
2016/10/14 Javascript
不使用 JS 匿名函数理由
2017/11/17 Javascript
vue的一个分页组件的示例代码
2017/12/25 Javascript
基于vue,vue-router, vuex及addRoutes进行权限控制问题
2018/05/02 Javascript
Vue单页及多页应用全局配置404页面实践记录
2018/05/22 Javascript
JavaScript一元正号运算符示例代码
2019/06/30 Javascript
vue中使用vee-validator完成表单校验方案
2019/11/01 Javascript
Vue 打包的静态文件不能直接运行的原因及解决办法
2020/11/19 Vue.js
vue-cli4.0多环境配置变量与模式详解
2020/12/30 Vue.js
在windows下快速搭建web.py开发框架方法
2016/04/22 Python
python中子类调用父类函数的方法示例
2017/08/18 Python
python正则中最短匹配实现代码
2018/01/16 Python
Python yield与实现方法代码分析
2018/02/06 Python
python如何为被装饰的函数保留元数据
2018/03/21 Python
Python定时发送消息的脚本:每天跟你女朋友说晚安
2018/10/21 Python
python画图系列之个性化显示x轴区段文字的实例
2018/12/13 Python
Jupyter notebook在mac:linux上的配置和远程访问的方法
2019/01/14 Python
Python整数对象实现原理详解
2019/07/01 Python
Django ORM多对多查询方法(自定义第三张表&amp;ManyToManyField)
2019/08/09 Python
如何使用Django Admin管理后台导入CSV
2020/11/06 Python
python 批量将中文名转换为拼音
2021/02/07 Python
CSS3的Border-radius轻松制作圆角
2012/12/24 HTML / CSS
纯CSS3实现8组超炫酷鼠标滑过图片动画
2016/03/16 HTML / CSS
萌新HTML5 入门指南(二)
2020/11/09 HTML / CSS
外贸主管求职简历的自我评价
2013/10/23 职场文书
教师遵守党的政治纪律情况对照检查材料
2014/09/26 职场文书
贫困证明书格式及范文
2014/10/15 职场文书
融资合作协议书范本
2014/10/17 职场文书
教师见习报告范文
2014/11/03 职场文书
优秀团队申报材料
2014/12/26 职场文书
Python Pygame实战在打砖块游戏的实现
2022/03/17 Python