layer关闭弹出层刷新父界面功能实现方法
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了layer关闭弹出层刷新父界面功能实现方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3051字，纯文字阅读大概需要5分钟。
内容图文
本文主要介绍了layer实现关闭弹出层刷新父界面功能,结合实例形式分析了使用layui的layer在关闭弹出层时刷新父界面的常用实现技巧与相关操作注意事项,需要的朋友可以参考下，希望能帮助到大家。本文实例讲述了layer实现关闭弹出层刷新父界面功能。分享给大家供大家参考，具体如下：
layer是一款近年来备受青睐的web弹层组件，她具备全方位的解决方案，致力于服务各水平段的开发人员，您的页面会轻松地拥有丰富友好的操作体验。
最近一个项目采用的是hui前端框架，他的弹出层就是用的layer插件，对于弹出层，有一个操作体验大家都知道，就是关闭弹出层，需要刷新父页面。开始写的时候，我陷入了自己的误区，在弹出层处理成功之后，我调用的是：
这个地方是这样写也没错，但是如果这么写，它就只能被一个地方调用了，如果有多个地方调用的话，它不能返回原地址，而是重定向到新的url地址上去了。而刚好，在我的项目中间，某一个弹出层被两个地方调用了，所以很明显这种方案就不合适了，需要优化。百度了一下，找到如下两种优化方案：
方案一：
在layer弹出层中调用父界面重新加载函数
方案二：
调用layer插件的end回调方法：
end - 层销毁后触发的回调
类型：Function，默认：null
无论是确认还是取消，只要层被销毁了，end都会执行，不携带任何参数。
父窗口打开layer弹出框时，添加end回调
layer弹出框处理完成之后，就不需要调用其他刷新操作函数了，直接关闭就行了
相比较而言，第一种方案会更佳，因为在操作逻辑上，手动关闭弹出框，应该不触发刷新操作，只有当弹出框的处理逻辑执行成功后，调用函数关闭弹出框才触发父界面刷新操作，基于这个逻辑，应该选择方案一。方案二，不管怎样都会刷新页面，实际上无端的增加了服务器的处理压力。
方案二：可以解决子页面处理后的结果发送给子页面的父页面的问题。
对于layer.js出现回调关闭父类的弹出层时，之前的表单的submit失效的问题：
如何解决：网上有很多，有的是转为ajax的请求，在数据传输完再关闭父类的弹出层：
下面是关闭父弹出层的办法：
采用ajax这样可以，但是我做的是支付，要弹出页面才能支付，不能转换为ajax,怎么帮？后面我老大说：“你就不能晚点执行关闭吗”？这是一个想法试了一下就好了。
附上代码：
我还需要在关闭父类窗口后再打开一个窗口，则怎么解决，后面发现layer.js留有一个好的方式，那就是调用父窗口的方法，这个不受子窗口的影响，通过：parent.父类方法名（参数）这样就可以了，在父窗口中再调用layer.js的弹出就好了。
相关推荐：
layui框架中layer父子页面交互详解
layui中layer前端组件实现图片显示功能
jQuery、layer实现弹出层的打开、关闭功能实例详解
以上就是layer关闭弹出层刷新父界面功能实现方法的详细内容，更多请关注Gxl网其它相关文章！
内容总结
以上是互联网集市为您收集整理的layer关闭弹出层刷新父界面功能实现方法全部内容，希望文章能够帮你解决layer关闭弹出层刷新父界面功能实现方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。