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 相关文章推荐
BBS(php &amp; mysql)完整版(四)
Oct 09 PHP
php中取得URL的根域名的代码
Mar 23 PHP
js限制checkbox勾选的个数以及php获取多个checkbbox的方法深入解析
Jul 18 PHP
php打印输出棋盘的实现方法
Dec 23 PHP
php文档工具PHP Documentor安装与使用方法
Jan 25 PHP
PHP-FPM实现性能优化
Mar 31 PHP
PHP7安装Redis扩展教程【Linux与Windows平台】
Sep 30 PHP
php封装的mongodb操作类代码
Aug 06 PHP
php表单处理操作
Nov 16 PHP
PHPExcel实现表格导出功能示例【带有多个工作sheet】
Jun 13 PHP
Yii框架实现对数据库的CURD操作示例
Sep 03 PHP
laravel5.6 框架操作数据 Eloquent ORM用法示例
Jan 26 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学习之PHP运算符
2006/10/09 PHP
php按单词截取字符串的方法
2015/04/07 PHP
一个加载js文件的小脚本
2007/06/28 Javascript
弹出层之1:JQuery.Boxy (一) 使用介绍
2011/10/06 Javascript
使用jQuery内容过滤选择器选择元素实例讲解
2013/04/18 Javascript
JS简单的轮播的图片滚动实例
2013/06/17 Javascript
深入理解Javascript中的循环优化
2013/11/09 Javascript
图片翻转效果具体实现代码
2014/01/09 Javascript
js实现仿爱微网两级导航菜单效果代码
2015/08/31 Javascript
一道常被人轻视的web前端常见面试题(JS)
2016/02/15 Javascript
基于jQuery实现带动画效果超炫酷的弹出对话框(附源码下载)
2016/02/22 Javascript
jQuery实现滚动鼠标放大缩小图片的方法(附demo源码下载)
2016/03/05 Javascript
jQuery soColorPacker 网页拾色器
2016/06/22 Javascript
JS简单测试循环运行时间的方法
2016/09/04 Javascript
H5移动端图片压缩上传开发流程
2016/11/09 Javascript
jQuery编写设置和获取颜色的插件
2017/01/09 Javascript
javascript阻止事件冒泡和浏览器的默认行为
2017/01/21 Javascript
数组Array的排序sort方法
2017/02/17 Javascript
微信小程序判断页面是否从其他页面返回的实例代码
2019/07/03 Javascript
Vue引入Stylus知识点总结
2020/01/16 Javascript
Electron实现应用打包、自动升级过程解析
2020/07/07 Javascript
python使用epoll实现服务端的方法
2018/10/16 Python
Python面向对象之类的封装操作示例
2019/06/08 Python
python爬虫 正则表达式解析
2019/09/28 Python
Python assert关键字原理及实例解析
2019/12/13 Python
在python3中实现查找数组中最接近与某值的元素操作
2020/02/29 Python
Python爬虫爬取、解析数据操作示例
2020/03/27 Python
django 实现简单的插入视频
2020/04/07 Python
QML实现钟表效果
2020/06/02 Python
如何查看浏览器对html5的支持情况
2020/12/15 HTML / CSS
Elemental Herbology官网:英国美容品牌
2019/04/27 全球购物
音乐兴趣小组活动总结
2014/07/07 职场文书
感谢信格式范文
2015/01/22 职场文书
2016秋季运动会开幕词
2016/03/04 职场文书
golang实现浏览器导出excel文件功能
2022/03/25 Golang
vue 自定义的组件绑定点击事件
2022/04/21 Vue.js