JavaScript实现提交模式窗口后刷新父窗口数据的方法


Posted in Javascript onJune 16, 2017

本文实例讲述了JavaScript实现提交模式窗口后刷新父窗口数据的方法。分享给大家供大家参考,具体如下:

有些时间,按需求设计,一个窗口中,点击按扭,弹出模式窗口,在模式窗口中,添加完数据后(提交),关闭模式窗口,并且刷新父窗口,而恰恰模式窗口并不支持window.opener,所以无法获得父窗口,也就是说无法在关闭模式窗口后,来得到父窗口,但是可以借助showModealDialog的返回值来判断是否刷新,当调用showModealDialog时,父窗口代码会停在这一行,当弹出的模式窗口关闭时给window.returnValue赋值,再调用window.close()方法,最后submit提交,等数据提交后,会关闭了模式窗口,此时程序返回到父窗口,showModealDialog得到返回值,接下来,根据返回值即可决定是否要reload,注意:为避免打开新窗口,一定要在父窗口的<head>下加入<base target="_self" />,这样子就实现了关闭模式窗口来刷新父窗口了。

代码1:parent form

function showDatas(){
  var re=window.showModalDialog("url","parameter","description");
  if(re==1){
    window.location.reload();
  }
}

代码2:modal form

function subForm(){
  window.returnValue="1";
  window.close();
  document.getElementById("myForm").submit();
}

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
简单JS代码压缩器
Oct 12 Javascript
Mootools 1.2教程 Fx.Tween的使用
Sep 15 Javascript
js自定义事件及事件交互原理概述(二)
Feb 01 Javascript
详解JavaScript中的4种类型识别方法
Sep 14 Javascript
JavaScript学习笔记之数组的增、删、改、查
Mar 23 Javascript
将json转换成struts参数的方法
Nov 08 Javascript
js实现短信发送倒计时功能(正则验证)
Feb 10 Javascript
js实现下拉框效果(select)
Mar 28 Javascript
将angular.js项目整合到.net mvc中的方法详解
Jun 29 Javascript
基于jquery实现多级菜单效果
Jul 25 jQuery
JavaScript中各数制转换全面总结
Aug 21 Javascript
详解node.js的http模块实例演示
Jul 12 Javascript
JS 组件系列之BootstrapTable的treegrid功能
Jun 16 #Javascript
vue之数据交互实例代码
Jun 16 #Javascript
基于jQuery和CSS3实现APPLE TV海报视差效果
Jun 16 #jQuery
JS基于正则实现数字千分位用逗号分隔的方法
Jun 16 #Javascript
利用jquery去掉时光轴头尾部线条的方法实例
Jun 16 #jQuery
基于JS实现网页中的选项卡(两种方法)
Jun 16 #Javascript
angular ng-click防止重复提交实例
Jun 16 #Javascript
You might like
php线性表顺序存储实现代码(增删查改)
2012/02/16 PHP
PHP-Java-Bridge使用笔记
2014/09/22 PHP
PHP之sprintf函数用法详解
2014/11/12 PHP
PHP四舍五入、取整、round函数使用示例
2015/02/06 PHP
Laravel 解决419错误 -ajax请求错误的问题(CSRF验证)
2019/10/25 PHP
JavaScript中的toDateString()方法使用详解
2015/06/12 Javascript
javascript实现下班倒计时效果的方法(可桌面通知)
2015/07/10 Javascript
jQuery+Ajax+PHP+Mysql实现分页显示数据实例讲解
2015/09/27 Javascript
JS、jQuery中select的用法详解
2016/04/21 Javascript
Javascript中级语法快速入手
2016/07/30 Javascript
jQuery模拟下拉框选择对应菜单的内容
2017/03/07 Javascript
简单的网页广告特效实例
2017/08/19 Javascript
vue+axios+promise实际开发用法详解
2018/10/15 Javascript
使用angular-cli webpack创建多个包的方法
2018/10/16 Javascript
vue请求数据的三种方式
2020/03/04 Javascript
微信小程序如何加载数据库真实数据的实现
2020/03/04 Javascript
基于node+websocket+html实现腾讯课堂聊天室聊天功能
2020/03/04 Javascript
完美解决通过IP地址访问VUE项目的问题
2020/07/18 Javascript
JavaScript中常用的3种弹出提示框(alert、confirm、prompt)
2020/11/10 Javascript
python实现可将字符转换成大写的tcp服务器实例
2015/04/29 Python
python 实现上传图片并预览的3种方法(推荐)
2017/07/14 Python
python里使用正则表达式的组嵌套实例详解
2017/10/24 Python
TensorFlow如何实现反向传播
2018/02/06 Python
Python实用技巧之利用元组代替字典并为元组元素命名
2018/07/11 Python
python的移位操作实现详解
2019/08/21 Python
纯css3制作网站后台管理面板
2014/12/30 HTML / CSS
英国家庭、花园、汽车和移动解决方案:Easylife Group
2018/05/23 全球购物
FirstCry阿联酋儿童和婴儿产品网上购物:FirstCry.ae
2021/02/22 全球购物
优秀应届毕业生自荐信
2013/11/16 职场文书
大学学习个人的自我评价
2014/02/18 职场文书
幼儿园教师读书笔记
2015/06/29 职场文书
排球赛新闻稿
2015/07/17 职场文书
财务人员廉洁自律心得体会
2016/01/13 职场文书
公司与个人合作协议书
2016/03/19 职场文书
Mysql Online DDL的使用详解
2021/05/20 MySQL
PHP中strval()函数实例用法
2021/06/07 PHP