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 相关文章推荐
用PHP和ACCESS写聊天室(四)
Oct 09 PHP
php.ini save_handler 修改不生效的解决办法
Jul 22 PHP
php数组使用规则分析
Feb 27 PHP
php数字每三位加逗号的功能函数
Oct 22 PHP
[原创]CI(CodeIgniter)简单统计访问人数实现方法
Jan 19 PHP
PHP socket 模拟POST 请求实例代码
Jul 18 PHP
注释PHP和html混合代码的小技巧(分享)
Nov 03 PHP
php双层循环(九九乘法表)
Oct 23 PHP
PHP超级全局变量【$GLOBALS,$_SERVER,$_REQUEST等】用法实例分析
Dec 11 PHP
PHP使用openssl扩展实现加解密方法示例
Feb 20 PHP
php让json_encode不自动转义斜杠“/”的方法
Apr 27 PHP
PHP设计模式(一)工厂模式Factory实例详解【创建型】
May 02 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文件读写操作相关函数总结
2014/11/18 PHP
PHP 搜索查询功能实现
2016/11/29 PHP
微信公众平台开发-微信服务器IP接口实例(含源码)
2017/03/05 PHP
PHP中有关长整数的一些操作教程
2019/09/11 PHP
document.all的一个比较完整的总结及案例
2013/01/31 Javascript
JavaScript实现的日期控件具体代码
2013/11/18 Javascript
浅析JavaScript中的delete运算符
2013/11/30 Javascript
jquery实现textarea输入框限制字数的方法
2015/01/15 Javascript
JavaScript制作windows经典扫雷小游戏
2015/03/31 Javascript
如何用js 实现依赖注入的思想,后端框架思想搬到前端来
2015/08/03 Javascript
js实现图片上传并正常显示
2015/12/19 Javascript
AngularJS基础 ng-options 指令详解
2016/08/02 Javascript
在JavaScript中调用Java类和接口的方法
2016/09/07 Javascript
jQuery ajaxForm()的应用
2016/10/14 Javascript
JavaScript实现邮箱地址自动匹配功能代码
2016/11/28 Javascript
jQuery动态追加页面数据以及事件委托详解
2017/05/06 jQuery
React.js中常用的ES6写法总结(推荐)
2017/05/09 Javascript
jQuery Position方法使用和兼容性
2017/08/23 jQuery
利用JS如何计算字符串所占字节数示例代码
2017/09/13 Javascript
详解使用vue-cli脚手架初始化Vue项目下的项目结构
2018/03/08 Javascript
vue2.0 移动端实现下拉刷新和上拉加载更多的示例
2018/04/23 Javascript
详解Vue底部导航栏组件
2019/05/02 Javascript
vue-quill-editor的使用及个性化定制操作
2020/08/04 Javascript
[01:09]2014DOTA2国际邀请赛 TI4西雅图DOTA2 中国美女coser加油助威
2014/07/20 DOTA
python调用系统ffmpeg实现视频截图、http发送
2018/03/06 Python
Python pandas用法最全整理
2019/08/04 Python
python tornado使用流生成图片的例子
2019/11/18 Python
pytorch 实现tensor与numpy数组转换
2019/12/27 Python
python 串行执行和并行执行实例
2020/04/30 Python
教师研修随笔感言
2014/01/23 职场文书
餐饮采购员岗位职责
2014/03/15 职场文书
金融保险专业求职信
2014/09/03 职场文书
平面设计师岗位职责
2014/09/18 职场文书
云冈石窟导游词
2015/02/04 职场文书
2015年学校工作总结范文
2015/04/20 职场文书
2016年圣诞节寄语(一句话)
2015/12/07 职场文书