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 相关文章推荐
PHP5.0对象模型探索之抽象方法和抽象类
Sep 05 PHP
需要使用php模板的朋友必看的很多个顶级PHP模板引擎比较分析
May 26 PHP
常见的PHP五种设计模式小结
Mar 23 PHP
使用php验证复选框有效性的示例
Nov 13 PHP
淘宝ip地址查询类分享(利用淘宝ip库)
Jan 07 PHP
php实例分享之html转为rtf格式
Jun 02 PHP
php实现mysql数据库分表分段备份
Jun 18 PHP
php实现html标签闭合检测与修复方法
Jul 09 PHP
PHP中加速、缓存扩展的区别和作用详解(eAccelerator、memcached、xcache、APC )
Jul 09 PHP
php mysql_real_escape_string addslashes及mysql绑定参数防SQL注入攻击
Dec 23 PHP
php获取ajax的headers方法与内容实例
Dec 27 PHP
使用ucenter实现多站点同步登录的讲解
Mar 21 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
PHP表单数据写入MySQL数据库的代码
2016/05/31 PHP
php大小写转换函数(strtolower、strtoupper)用法介绍
2017/11/17 PHP
Ctrl+Enter提交内容信息
2006/06/26 Javascript
js综合应用实例简单的表格统计
2013/09/03 Javascript
js动态修改整个页面样式达到换肤效果
2014/05/23 Javascript
随鼠标移动的时钟非常漂亮遗憾的是只支持IE
2014/08/12 Javascript
简介可以自动完成UI的AngularJS工具angular-smarty
2015/06/23 Javascript
微信小程序 http请求详细介绍
2016/10/09 Javascript
第一次接触神奇的Bootstrap
2016/10/14 Javascript
浅析JavaScript动画模拟拖拽原理
2016/12/09 Javascript
Angular中ng-bind和ng-model的区别实例详解
2017/04/10 Javascript
webpack学习--webpack经典7分钟入门教程
2017/06/28 Javascript
jQuery Easyui Treegrid实现显示checkbox功能
2017/08/08 jQuery
Angular4学习之Angular CLI的安装与使用教程
2018/01/04 Javascript
jQuery+SpringMVC中的复选框选择与传值实例
2018/01/08 jQuery
通过实例解析vuejs如何实现调试代码
2020/07/16 Javascript
[56:56]VG vs LGD 2019国际邀请赛淘汰赛 胜者组 BO3 第一场 8.22
2019/09/05 DOTA
python求pi的方法
2014/10/08 Python
对python3 urllib包与http包的使用详解
2018/05/10 Python
python获取全国城市pm2.5、臭氧等空气质量过程解析
2019/10/12 Python
python GUI库图形界面开发之PyQt5窗口控件QWidget详细使用方法
2020/02/26 Python
Python使用monkey.patch_all()解决协程阻塞问题
2020/04/15 Python
python openCV实现摄像头获取人脸图片
2020/08/20 Python
Python图像识别+KNN求解数独的实现
2020/11/13 Python
CSS3中的元素过渡属性transition示例详解
2016/11/30 HTML / CSS
纯CSS3+DIV实现小三角形边框效果的示例代码
2020/08/03 HTML / CSS
HMV日本官网:全球知名的音乐、DVD和电脑游戏零售巨头
2016/08/13 全球购物
最新的小工具和卓越的产品设计:Oh That Tech!
2019/08/07 全球购物
意大利领先的奢侈品在线时装零售商:MCLABELS
2020/10/13 全球购物
毕业生个人投资创业计划书
2014/01/04 职场文书
普通党员对照检查材料
2014/08/28 职场文书
11.9消防日宣传标语
2014/10/08 职场文书
违纪学生保证书
2015/02/27 职场文书
2015年中个人总结范文
2015/03/10 职场文书
幼儿园六一儿童节开幕词
2016/03/04 职场文书
关于nginx 实现jira反向代理的问题
2021/09/25 Servers