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 相关文章推荐
浅谈Windows下 PHP4.0与oracle 8的连接设置
Oct 09 PHP
mysql5写入和读出乱码解决
Nov 25 PHP
THINKPHP+JS实现缩放图片式截图的实现
Mar 07 PHP
Views rows style模板重写代码
May 16 PHP
把1316这个数表示成两个数的和,其中一个为13的倍数,另一个是11的倍数,求这两个数。
Jun 24 PHP
php curl模拟post提交数据示例
Dec 31 PHP
从零开始学YII2框架(六)高级应用程序模板
Aug 20 PHP
php单一接口的实现方法
Jun 20 PHP
基于PHP如何把汉字转化为拼音
Dec 11 PHP
php使用PDO获取结果集的方法
Feb 16 PHP
Yii2框架实现利用mpdf创建pdf文件功能示例
Feb 08 PHP
PHP内存溢出优化代码详解
Feb 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写杨辉三角实例代码
2011/07/17 PHP
php对数组排序的简单实例
2013/12/25 PHP
基于JQuery的Pager分页器实现代码
2010/07/17 Javascript
javascript数组去掉重复
2011/05/12 Javascript
javascript算法题 求任意一个1-9位不重复的N位数在该组合中的大小排列序号
2012/07/21 Javascript
jquery插件实现鼠标经过图片右侧显示大图的效果(类似淘宝)
2013/02/04 Javascript
js和as的稳定传值问题解决
2013/07/14 Javascript
js检测用户输入密码强度
2015/10/22 Javascript
jQuery使用cookie与json简单实现购物车功能
2016/04/15 Javascript
Bootstrop实现多级下拉菜单功能
2016/11/24 Javascript
JavaScript学习笔记之函数记忆
2017/09/06 Javascript
bootstrap table实现点击翻页功能 可记录上下页选中的行
2017/09/28 Javascript
jquery实现图片跟随鼠标的实例
2017/10/17 jQuery
jquery获取transform里的值实现方法
2017/12/12 jQuery
点击按钮弹出模态框的一系列操作代码实例
2019/03/29 Javascript
浅谈javascript中的prototype和__proto__的理解
2019/04/07 Javascript
Vue 路由间跳转和新开窗口的方式(query、params)
2019/12/25 Javascript
Django使用list对单个或者多个字段求values值实例
2020/03/31 Python
python实现处理mysql结果输出方式
2020/04/09 Python
用python打开摄像头并把图像传回qq邮箱(Pyinstaller打包)
2020/05/17 Python
python编写一个会算账的脚本的示例代码
2020/06/02 Python
安装并免费使用Pycharm专业版(学生/教师)
2020/09/24 Python
美国卡车、吉普车和SUV零件网站:4 Wheel Parts
2016/11/24 全球购物
台湾SHOPRO购物行家:亚洲首创影视.3C.家电.优质购物平台
2018/05/07 全球购物
小学语文国培感言
2014/03/04 职场文书
艺人经纪人岗位职责
2014/04/15 职场文书
人事专员岗位说明书
2014/07/29 职场文书
党政领导班子群众路线对照检查材料思想汇报
2014/09/27 职场文书
群众路线查摆问题整改措施思想汇报
2014/10/10 职场文书
酒会邀请函
2015/01/31 职场文书
写给媳妇的检讨书
2015/05/06 职场文书
思想品德课教学反思
2016/02/24 职场文书
女人创业励志语录,句句蕴含能量,激发你的潜能
2019/08/20 职场文书
Python Django ORM连表正反操作技巧
2021/06/13 Python
阿里云k8s服务升级时502错误 springboot项目应用
2022/04/09 Servers
Android RecyclerView实现九宫格效果
2022/06/28 Java/Android