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
php flush类输出缓冲剖析
Oct 19 PHP
Zend的Registry机制的使用说明
May 02 PHP
php图片缩放实现方法
Feb 20 PHP
简单分析ucenter 会员同步登录通信原理
Aug 25 PHP
php实现高效获取图片尺寸的方法
Dec 12 PHP
PHP批量生成图片缩略图的方法
Jun 18 PHP
PHP实现简单的新闻发布系统实例
Jul 28 PHP
ThinkPHP自定义Redis处理SESSION的实现方法
May 16 PHP
浅谈php和js中json的编码和解码
Oct 24 PHP
PHP实现的观察者模式实例
Jun 21 PHP
PHP实现微信提现功能(微信商城)
Nov 21 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+Ajax+JS实现多图上传
2016/05/07 PHP
PHP论坛实现积分系统的思路代码详解
2020/06/01 PHP
CSS3画一个阴阳八卦图
2021/03/09 HTML / CSS
Ext对基本类型的扩展 ext,extjs,format
2010/12/25 Javascript
Dreamweaver jQuery智能提示插件,支持版本提示,支持1.6api
2011/07/31 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(二)人物行走的实现
2013/01/23 Javascript
js获取url中指定参数值的示例代码
2013/12/14 Javascript
程序员必知35个jQuery 代码片段
2015/11/05 Javascript
实例代码讲解jquery easyui动态tab页
2015/11/17 Javascript
JS遍历数组和对象的区别及递归遍历对象、数组、属性的方法详解
2016/06/14 Javascript
浅谈JavaScript中数组的增删改查
2016/06/20 Javascript
JS Canvas定时器模拟动态加载动画
2016/09/17 Javascript
JS判断输入的字符串是否是数字的方法(正则表达式)
2016/11/29 Javascript
利用Plupload.js解决大文件上传问题, 带进度条和背景遮罩层
2017/03/15 Javascript
vue-cli2.9.3 详细教程
2018/04/23 Javascript
浅析vue中的MVVM实现原理
2019/03/04 Javascript
vue项目前端知识点整理【收藏】
2019/05/13 Javascript
[01:11:02]Secret vs Newbee 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
详解Django缓存处理中Vary头部的使用
2015/07/24 Python
wxPython:python首选的GUI库实例分享
2019/10/05 Python
Django 自定义分页器的实现代码
2019/11/24 Python
Python 实现递归法解决迷宫问题的示例代码
2020/01/12 Python
Python3 实现爬取网站下所有URL方式
2020/01/16 Python
浅谈Tensorflow 动态双向RNN的输出问题
2020/01/20 Python
详解Python 最短匹配模式
2020/07/29 Python
python opencv图像处理(素描、怀旧、光照、流年、滤镜 原理及实现)
2020/12/10 Python
梅西百货澳大利亚:Macy’s Australia
2017/07/26 全球购物
平面设计岗位职责
2013/12/14 职场文书
舞蹈教师自荐信
2014/01/27 职场文书
会计学生自我鉴定
2014/02/06 职场文书
科技工作者先进事迹
2014/08/16 职场文书
工作检讨书500字
2014/10/19 职场文书
2014年检验员工作总结
2014/11/19 职场文书
《搭石》教学反思
2016/02/18 职场文书
2019新员工试用期转正工作总结范文
2019/08/21 职场文书
解决IIS7下无法绑定https主机的问题
2022/04/29 Servers