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下的PHP5.0安装配制详解
Sep 05 PHP
用PHP4访问Oracle815
Oct 09 PHP
PHP中,文件上传
Dec 06 PHP
drupal 代码实现URL重写
May 04 PHP
php stream_get_meta_data返回值
Sep 29 PHP
php源码分析之DZX1.5字符串截断函数cutstr用法
Jun 17 PHP
浅析PHP中Session可能会引起并发问题
Jul 23 PHP
PHP模拟asp.net的StringBuilder类实现方法
Aug 08 PHP
WordPress导航菜单的滚动和淡入淡出效果的实现要点
Dec 14 PHP
PHP 与 UTF-8 的最佳实践详细介绍
Jan 04 PHP
Laravel框架查询构造器简单示例
May 08 PHP
关于Laravel-admin的基础用法总结和自定义model详解
Oct 08 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配合jquery实现增删操作具体实例
2013/12/12 PHP
PHP中file_exists函数不支持中文名的解决方法
2014/07/26 PHP
php中的单引号、双引号和转义字符详解
2017/02/16 PHP
基于ThinkPHP删除目录及目录文件函数
2020/10/28 PHP
php中yii框架实例用法
2020/12/22 PHP
jquery 简单图片导航插件jquery.imgNav.js
2010/03/17 Javascript
jquery应该如何来设置改变按钮input的onclick事件
2012/12/10 Javascript
jQuery实现切换字体大小的方法
2015/03/10 Javascript
Bootstrap实现登录校验表单(带验证码)
2016/06/23 Javascript
基于JS+Canves实现点击按钮水波纹效果
2016/09/15 Javascript
jQuery的事件预绑定
2016/12/05 Javascript
vue-awesome-swiper滑块插件使用方法详解
2017/11/27 Javascript
使用Vue.js和Element-UI做一个简单登录页面的实例
2018/02/23 Javascript
clipboard.js在移动端复制失败的解决方法
2018/06/13 Javascript
Vue学习之常用指令实例详解
2020/01/06 Javascript
JS基础之逻辑结构与循环操作示例
2020/01/19 Javascript
vue+echarts+datav大屏数据展示及实现中国地图省市县下钻功能
2020/11/16 Javascript
[46:00]Ti4 冒泡赛第二轮LGD vs C9 2
2014/07/14 DOTA
对于Python中线程问题的简单讲解
2015/04/03 Python
Python3 socket同步通信简单示例
2017/06/07 Python
python简易远程控制单线程版
2018/06/20 Python
python多线程同步之文件读写控制
2021/02/25 Python
python中resample函数实现重采样和降采样代码
2020/02/25 Python
python实现ssh及sftp功能(实例代码)
2020/03/16 Python
django form和field具体方法和属性说明
2020/07/09 Python
python中Pexpect的工作流程实例讲解
2021/03/02 Python
Kangol帽子官网:坎戈尔袋鼠
2018/09/26 全球购物
Janie and Jack美国官网:GAP旗下的高档童装品牌
2019/09/09 全球购物
英国设计师珠宝网站:Joshua James Jewellery
2020/03/01 全球购物
医学院毕业生自荐信
2013/11/08 职场文书
教师推荐信范文
2013/11/24 职场文书
知识竞赛主持词
2014/03/26 职场文书
龙门石窟导游词
2015/02/02 职场文书
2015年教师党员承诺书
2015/04/27 职场文书
Golang 获取文件md5校验的方法以及效率对比
2021/05/08 Golang
tensorflow中的数据类型dtype用法说明
2021/05/26 Python