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 相关文章推荐
搜索引擎技术核心揭密
Oct 09 PHP
一个ORACLE分页程序,挺实用的.
Oct 09 PHP
第4章 数据处理-php字符串的处理-郑阿奇(续)
Jul 04 PHP
PHP全概率运算函数(优化版) Webgame开发必备
Jul 04 PHP
PHP备份数据库生成SQL文件并下载的函数代码
Feb 05 PHP
PHP关联数组的10个操作技巧
Jan 21 PHP
关于php内存不够用的快速解决方法
Oct 26 PHP
CodeIgniter采用config控制的多语言实现根据浏览器语言自动转换功能
Jul 18 PHP
浅谈PHP链表数据结构(单链表)
Jun 08 PHP
基于win2003虚拟机中apache服务器的访问
Aug 01 PHP
Laravel+Intervention实现上传图片功能示例
Jul 09 PHP
ThinkPHP5&amp;5.1框架关联模型分页操作示例
Aug 03 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将数据库中所有内容生成静态html文档的代码
2010/04/12 PHP
PHP得到某段时间区间的时间戳 php定时任务
2012/04/12 PHP
PHP处理Oracle的CLOB实例
2014/11/03 PHP
PHP基于PDO实现的SQLite操作类【包含增删改查及事务等操作】
2017/06/21 PHP
ie和firefox中img对象区别的困惑
2006/12/27 Javascript
ExtJS TabPanel beforeremove beforeclose使用说明
2010/03/31 Javascript
javascript JSON操作入门实例
2010/04/16 Javascript
纯js分页代码(简洁实用)
2013/11/05 Javascript
用JavaScript显示浏览器客户端信息的超相近教程
2015/06/18 Javascript
纯javascript实现的小游戏《Flappy Pig》实例
2015/07/27 Javascript
基于jQuery仿淘宝产品图片放大镜代码分享
2020/06/23 Javascript
KnockoutJs快速入门教程
2016/05/16 Javascript
详解Javascript获取缓存和清除缓存API
2017/05/25 Javascript
js实现以最简单的方式将数组元素添加到对象中的方法
2017/12/20 Javascript
使用Vant完成DatetimePicker 日期的选择器操作
2020/11/12 Javascript
[36:33]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第二场 11.29
2020/12/02 DOTA
[59:00]DOTA2-DPC中国联赛 正赛 Ehome vs PSG.LGD BO3 第一场 3月7日
2021/03/11 DOTA
Win10下Python环境搭建与配置教程
2016/11/18 Python
Python贪吃蛇游戏编写代码
2020/10/26 Python
Python实现的径向基(RBF)神经网络示例
2018/02/06 Python
Python爬虫实现爬取百度百科词条功能实例
2019/04/05 Python
kafka监控获取指定topic的消息总量示例
2019/12/23 Python
Python替换NumPy数组中大于某个值的所有元素实例
2020/06/08 Python
python中加背景音乐如何操作
2020/07/19 Python
如何基于Python实现word文档重新排版
2020/09/29 Python
HTML5如何使用SVG的方法示例
2019/01/11 HTML / CSS
HEMA法国:荷兰原创设计
2019/02/21 全球购物
国际贸易专业推荐信
2013/11/15 职场文书
护理专业学生的求职信范文
2013/12/11 职场文书
总经理任命书
2014/03/29 职场文书
大学毕业生求职自荐书
2014/06/05 职场文书
2014年保卫工作总结
2014/12/05 职场文书
2014年酒店服务员工作总结
2014/12/08 职场文书
Nest.js参数校验和自定义返回数据格式详解
2021/03/29 Javascript
在HTML5 localStorage中存储对象的示例代码
2021/04/21 Javascript
在pycharm中无法import所安装的库解决方案
2021/05/31 Python