温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

php中提交表单和关闭layer弹窗iframe的示例分析

发布时间:2021-07-23 10:49:44 来源:亿速云 阅读:193 作者:小新 栏目:开发技术

小编给大家分享一下php中提交表单和关闭layer弹窗iframe的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

介绍一款非常好用的前端弹窗插件:

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 >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的示例分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI