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 相关文章推荐
?繁体转换的class
Oct 09 PHP
php在线生成ico文件的代码
Oct 09 PHP
全世界最小的php网页木马一枚 附PHP木马的防范方法
Oct 09 PHP
基于HTTP长连接的&quot;服务器推&quot;技术的php 简易聊天室
Oct 31 PHP
PHP的array_diff()函数在处理大数组时的效率问题
Nov 27 PHP
Zend Studio去除编辑器的语法警告设置方法
Oct 24 PHP
PHP常用数组函数介绍
Jul 28 PHP
Linux下PHP安装mcrypt扩展模块笔记
Sep 10 PHP
php中引用&amp;的用法分析【变量引用,函数引用,对象引用】
Dec 12 PHP
PHP实现的简单操作SQLite数据库类与用法示例
Jun 19 PHP
Laravel框架实现定时发布任务的方法
Aug 16 PHP
mysqli扩展无法在PHP7下升级问题的解决
Sep 10 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
使用无限生命期Session的方法
2006/10/09 PHP
yii操作cookie实例简介
2014/07/09 PHP
将HTML自动转为JS代码
2006/06/26 Javascript
js点击更换背景颜色或图片的实例代码
2013/06/25 Javascript
给超链接添加特效鼠标移动展示提示信息且随鼠标移动
2013/10/17 Javascript
jQuery实现带有动画效果的回到顶部和底部代码
2015/11/04 Javascript
jQuery选择器用法实例详解
2015/12/17 Javascript
基于JavaScript实现文字超出部分隐藏
2016/02/29 Javascript
即将发布的jQuery 3 有哪些新特性
2016/04/14 Javascript
Vue.js实现无限加载与分页功能开发
2016/11/03 Javascript
Bootstrap 手风琴菜单的实现代码
2017/01/20 Javascript
js实现不提示直接关闭网页窗口
2017/03/30 Javascript
jQuery插件artDialog.js使用与关闭方法示例
2017/10/09 jQuery
微信小程序实现循环动画效果
2018/07/16 Javascript
详解angular部署到iis出现404解决方案
2018/08/14 Javascript
js实现随机8位验证码
2020/07/24 Javascript
js实现类似iphone的网页滑屏解锁功能示例【附源码下载】
2019/06/10 Javascript
基于jQuery的时间戳与日期间的转化
2019/06/21 jQuery
jQuery实现鼠标移入显示蒙版效果
2020/01/11 jQuery
vue中解决chrome浏览器自动播放音频和MP3语音打包到线上的实现方法
2020/10/09 Javascript
解决nuxt 自定义全局方法,全局属性,全局变量的问题
2020/11/05 Javascript
利用Python中unittest实现简单的单元测试实例详解
2017/01/09 Python
Python入门_浅谈数据结构的4种基本类型
2017/05/16 Python
python密码错误三次锁定(实例讲解)
2017/11/14 Python
python常用函数与用法示例
2019/07/02 Python
对tensorflow中tf.nn.conv1d和layers.conv1d的区别详解
2020/02/11 Python
Python中pyecharts安装及安装失败的解决方法
2020/02/18 Python
基于selenium及python实现下拉选项定位select
2020/07/22 Python
用CSS禁用输入法(CSS3 UI规范)实例解析
2012/12/04 HTML / CSS
LINUX下线程,GDI类的解释
2016/12/14 面试题
服装厂厂长职责
2013/12/16 职场文书
学校三八妇女节活动情况总结
2014/03/09 职场文书
感恩祖国演讲稿
2014/09/09 职场文书
高中生第一学年自我鉴定
2014/09/12 职场文书
2014年幼儿园个人工作总结
2014/11/10 职场文书
MybatisPlus EntityWrapper如何自定义SQL
2022/03/22 Java/Android