表单提交后关闭页面(layer弹窗)
来源:互联网 发布:人工智能社区 编辑:程序博客网 时间:2024/06/05 13:14
很多时候,我们需要在页面上弹出一些窗口供用户操作或者是一些提示信息。当然了,弹出一个表单也是有这样的需求的。那么问题就来了。当这个表单提交之后,我们需要关闭这个弹窗啊。按照我们对程序执行的顺序,我们很容易想到在submit()函数调用后再加上一句关闭的语句。但是,你会发现加上之后确实能关闭,但是表单根本不会提交。好吧,这个时候你就开始不知道怎么办了,开始各种百度”submit()执行之后执行js、submit()执行之后关闭窗口。。。。“,好吧,我承认这是我遇到这个问题之后干的事。 对于网上各种答案,各种解决方法。比如设置settimeOut什么的,window.openr.close()等等,我也试过。或许是没用对,反正没能解决我的问题。那么我的问题是怎么解决的呢? **先讲讲我的需求:在页面上点击一个按钮,随即弹出一个表单。点击保存按钮就提交表单,提交之后提示保存状态。并且关闭弹窗。 好了,废话不多说。讲讲我的解决方法。当然了,我这个是有特殊性的。毕竟标题都加了layer弹窗。没错,我是使用了jquery的弹层插件layer。所以只针对使用layer进行弹窗的有效哟!** 查阅layer帮助文档,很容易就可以找到layer为我们提供的关闭弹窗的方法:layer.close(index)。好吧,于是我们就调用这个方法呗。于是,我又在submit()方法之后,调用layer.close();发现结果一样,弹窗直接关闭了,但是表单并没有提交。问题依然存在。 就在我快要崩溃的时候,发现就在layer.close(index)方法下面还有另外一个方法,layer.closeAll().下面是官方给出的方法:
- 1
- 2
- 3
- 4
- 5
- 6
- 1
- 2
- 3
- 4
- 5
- 6
看到第一条就兴奋了,我草,疯狂模式,关闭所有层。ok,有希望了。于是马上试了一下,泪崩啊!!!终于能既提交表单又关闭窗口了。 这里说一下哈,js里边代码的执行顺序并不一定是按照代码的顺序执行的。所以呢,你还是不能直接在按钮的点击事件里执行submit()之后执行关闭操作。我会在最后附上一小段代码展示如何使用。 ok,能实现基本功能了。最后就再完美一点。我们一般情况下,在数据保存之后要给出一个提示,告诉用户保存状态。这个时候如果你还使用layer.closeAll().都疯狂了,肯定最后弹出的那个也直接被关掉了。解决方法就是,后边还提供了几个带参数的closeAll(arg)。比如弹出的是一个iframe,你只需要调用layer.closeAll('iframe');就行了,其它的弹层并不会关闭。这个时候保存成功了,就能正常弹出提示信息了。 最后是一个使用实例:比如是点击一个按钮触发事件
阅读全文
0 0
- 表单提交后关闭页面(layer弹窗)
- 表单提交后关闭页面(layer弹窗)
- php 提交表单 关闭layer弹窗iframe
- layer弹窗iframe页面,关闭弹窗方法导致form表单无法提交到服务器
- layer弹窗iframe页面,关闭弹窗方法导致form表单无法提交到服务器
- 使用layer的iframe层提交表单后,需要关闭当前的iframe层,然后刷新父页面的方法
- 使用layer的iframe层提交表单后,需要关闭当前的iframe层,然后刷新父页面的方法
- 使用layer的iframe层提交表单后,需要关闭当前的iframe层,然后刷新父页面的方法
- layer父子页面交互(子页面form表单提交)
- 页面中弹出模态窗口,提交表单后关闭窗口并刷新父页面解决方法
- layer关闭弹出窗口触发表单提交问题处理
- 提交form表单后关闭Iframe弹窗并刷新父级页面
- Ajax提交表单后关闭弹窗,同时加载刷新父类页面
- 关于layer.js 弹出框表单提交关闭父窗口出现表单提交失效的问题
- jquery的layer弹出层框架,如果设置 iframe弹出一个页面里是表单提交,提交完怎么关闭弹出层
- jquery的layer弹出层框架,如果设置 iframe弹出一个页面里是表单提交,提交完怎么关闭弹出层
- PHP提交表单后页面自动刷新
- form表单提交后页面的跳转
- CDH HiveServer2异常退出
- 好的用户界面-界面设计的一些技巧
- [PAT-甲级]1016.Phone Bills
- com/genuitec/pulse2/client/targetcfg/ui/PulseActivator
- hihoCoder1183 tarjan算法应用之割边和割点
- 表单提交后关闭页面(layer弹窗)
- [PAT-甲级]1017.Queueing at Bank
- android自定义控件(一)
- Python 实现一个小判断的程序
- 0710编程之美二进制树中1的个数 三种解法
- [PAT-甲级]1019.General Palindromic Number
- Mybatis 源码解析 -插件模块
- Golang教程:(九)循环语句
- [PAT-甲级]1020.Tree Traversals