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下实现伪 url 的超简单方法[转]
Sep 24 PHP
PHP过滤★等特殊符号的正则
Jan 27 PHP
phpStudy访问速度慢和启动失败的解决办法
Nov 19 PHP
在WordPress的文章编辑器中设置默认内容的方法
Dec 29 PHP
详解PHP原生DOM对象操作XML的方法
Oct 17 PHP
PHP面向对象学习之parent::关键字
Jan 18 PHP
PHP房贷计算器实例代码,等额本息,等额本金
Apr 01 PHP
PHP创建单例后台进程的方法示例
May 23 PHP
PHP实现的大文件切割与合并功能示例
Apr 10 PHP
Yii框架学习笔记之session与cookie简单操作示例
Apr 30 PHP
PHP pthreads v3下的Volatile简介与使用方法示例
Feb 21 PHP
PHP程序员简单的开展服务治理架构操作详解(二)
May 14 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编写PDF文档生成器
2006/10/09 PHP
php数组函数序列之asort() - 对数组的元素值进行升序排序,保持索引关系
2011/11/02 PHP
MySQL时间字段究竟使用INT还是DateTime的说明
2012/02/27 PHP
PHP根据两点间的经纬度计算距离
2014/10/31 PHP
YII Framework教程之异常处理详解
2016/03/14 PHP
PHP制作登录异常ip检测功能的实例代码
2016/11/16 PHP
JavaScript中的new的使用方法与注意事项
2007/05/16 Javascript
js 数值项目的格式化函数代码
2010/05/14 Javascript
常见的原始JS选择器使用方法总结
2014/04/09 Javascript
jQuery中:submit选择器用法实例
2015/01/03 Javascript
14款经典网页图片和文字特效的jQuery插件-前端开发必备
2015/08/25 Javascript
jquery原理以及学习技巧介绍
2015/11/11 Javascript
关于JS 预解释的相关理解
2016/06/28 Javascript
微信小程序 wxapp导航 navigator详解
2016/10/31 Javascript
如何提高javascript加载速度
2016/12/26 Javascript
jquery对象与DOM对象转化
2017/02/08 Javascript
浅谈JavaScript正则表达式-非捕获性分组
2017/03/08 Javascript
详解axios在vue中的简单配置与使用
2017/05/10 Javascript
JavaScript数组基于交换的排序示例【冒泡排序】
2018/07/21 Javascript
vue中使用极验验证码的方法(附demo)
2019/12/04 Javascript
java遇到微信小程序 &quot;支付验证签名失败&quot; 问题解决
2019/12/22 Javascript
javaScript实现一个队列的方法
2020/07/14 Javascript
跟老齐学Python之从if开始语句的征程
2014/09/14 Python
python获取当前时间对应unix时间戳的方法
2015/05/15 Python
Python连接SQLServer2000的方法详解
2017/04/19 Python
Python基于回溯法子集树模板解决0-1背包问题实例
2017/09/02 Python
Python实现PS图像调整黑白效果示例
2018/01/25 Python
python中kmeans聚类实现代码
2018/02/23 Python
Python使用matplotlib绘图无法显示中文问题的解决方法
2018/03/14 Python
Python学习笔记之迭代器和生成器用法实例详解
2019/08/08 Python
将pytorch转成longtensor的简单方法
2020/02/18 Python
pytorch 使用加载训练好的模型做inference
2020/02/20 Python
python如何写个俄罗斯方块
2020/11/06 Python
高中毕业生个人自我鉴定
2013/11/24 职场文书
办公室岗位职责
2015/02/04 职场文书
地球一小时活动总结
2015/02/27 职场文书