模态对话框(window.showModalDialog)，表单内容的提交、刷新父窗口的问题

最新推荐文章于 2020-12-25 09:37:15 发布
最新推荐文章于 2020-12-25 09:37:15 发布
阅读量1.7k 收藏 1
点赞数
分类专栏： java 文章标签： iframe 框架
本文介绍了一种利用模态对话框进行会员信息编辑并实时更新父窗口数据的方法。通过在主页设置隐藏的iframe，并在模态框内提交表单到该iframe，结合特定的JavaScript代码实现父窗口的自动刷新。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 

问题如题，详细如下：
比如一个会员列表。点击某一会员名称后，window.showModalDialog出对话框后，在对话框里修改完会员的信息，如年龄，性别，EMAIL...等等以后后，提交，然后模态对话框关闭。父窗口刷新得见修改后的信息。

 

在主页里写上: <iframe   name=meizz   width=0   height=0> </iframe>
模态框里写上: <form   target= "meizz ">     将模态框提交给主页里那个隐藏的框架里

后台接收页里写上这么一句代码:   <body   onload= "if(window!=top)parnet.location.reload() ">
 
在模态窗口中把form对象克隆到父窗口中，然后控制父窗口中的form提交，之后关闭模态窗口
模态窗口提交表单
Lenux2017的博客
08-24 1649
<%@ page language="java" contentType="text/html; charset=UTF-8"     pageEncoding="UTF-8"%>     Insert title here /JS/jquery-1.8.0.js"> /JS/common-artdiag.js"> /JS/artDialog/css/ui-d
window.showModalDialog模式对话框和 window.open的区别
05-27
`window.open`的主要用途是创建新的浏览器窗口或标签页，通常用于链接或表单提交的重定向。它也支持返回一个`Window`对象，你可以通过这个对象来操作新窗口，如关闭窗口或修改窗口的大小。 总结一下，`window....
showModalDialog窗体的提交问题。
hzfu007的专栏
07-24 855
showModalDialog打开的窗体，窗体内的按钮点击提交不起作用。只需加上代码 ，就可以解决这个问题。如下：    文档1   
关于模态窗口，子窗口刷新父窗口的问题
weixin_33853827的博客
08-24 198
最近做项目时（SSH），遇到一个问题，关于模态窗口，提交子串口后，刷新父窗口的问题： 当点击onclick函数时，弹出一个子窗口，关闭子窗口后，同时刷新了父窗口. <s:a onClick="javascript:popWin('backupAreaAction!queryById?backupArea.backupAreaId ...
模态对话框showModalDialog，打开的子页面返回returnValue，刷新父页面
陈俊的马蹄印
06-13 581
子页面 alert('更新成功'); window.returnValue=2;window.close(); 父页面 var obj = window.showModalDialog(url, null, "scroll:no;dialogWidth:700px;DialogHeight:300px;status:0;help:0;center:1");             if
SHOWMODALDIALOG表单提交时禁止打开新窗口
weixin_30399155的博客
07-31 145
前提条件：showmodaldialog中有表单form。当action="#"的时候，提交表单，不会打开新窗口，但这种#自提有时不能用，#是本页面完整的带参数的url，如果表单中有参数和url中的参数相同，那么提交后，表单中的这个同名参数会被#中的参数覆盖，造成表单中的这个参数无法取得，除非在表单中重新修改name这个参数； 当actiong="本页面.jsp"的时候，提交时，在IE...
浅谈JavaScript窗体Window.ShowModalDialog使用
10-15
JavaScript中的`window.showModalDialog()`方法是一个用于打开模态对话框的功能，主要在IE浏览器中得到广泛支持（从IE4开始）。模态对话框是一种特殊的弹出窗口，它强制用户在处理当前对话框之前不能与页面上的其他...
解决window.showModalDialog跨域返回值
04-25
在JavaScript中，`window.showModalDialog`是一个古老但仍然有用的函数，用于打开一个模态对话框，用户在对话框中进行交互，直到关闭对话框为止。然而，当涉及到跨域时，`showModalDialog`面临一个问题：它无法正确...
JavaScript实现提交模式窗口后刷新父窗口数据的方法
10-19
在JavaScript编程中，有时我们需要创建一个模态对话框（modal dialog）来处理用户输入或确认操作，例如在父窗口中点击按钮，弹出一个模式窗口让用户添加数据，然后在数据提交后关闭模态窗口并刷新父窗口的数据。...
深入理解模态窗口：window.showModalDialog 实现与应用
模态窗口的应用场景广泛，比如登录验证、用户提示、表单提交确认等。使用模态窗口可以有效地引导用户注意力，确保他们按照预期的顺序完成任务。同时，由于它们提供了封闭的交互环境，可以防止用户在关键操作中误操作...
当使用adminLTE框架执行submit时总会刷新整个页面
klbb625的博客
11-27 234
解决方法： 在from里添加 οnsubmit="return false"即可 <form class="form-horizontal" onsubmit="return false" style="width:95%;margin-top:50px">
刷新modalDialog的父窗口
jxufewbt的专栏
02-24 2740
                                                                                     /**             * 用途：打开模态窗口，并且当返回值为true时，刷新窗口            *            * @param newUrl        模态窗口页面路径            *
模态对话框+父子窗口交互+后台数据处理+刷新父页面
小树吥倒
01-08 876
在网上看了大把的跟模态窗口相关的技术文档。百家争鸣，各有争议，经过自己的摸索总结，终于走出了一条适合自己的有个人特色的解决道路，在此跟大家分享。     模态窗口使用在asp.net中应该算比较常见，经常需要它进行跟数据库相关的操作。常见用法：在父窗口中弹出模态对话框，编辑数据然后刷新父窗口。详细过程如下：     第一步：建立父页面：（我用了devexpress控件，没有影响，大家可
模态框刷新内容方法
weixin_34128501的博客
12-11 2862
2019独角兽企业重金招聘Python工程师标准>>> ...
window.open用post方式提交
乀兰陵笑笑生
01-17 5799
window.open默认以get方式提交，适用于IE9浏览器 window.open ('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')    宽为100，高为400，
终于解决了一个困扰我许久的问题:通过window.showModalDialog打开的页面，Form提交,标题丢失
caiyakang的专栏
03-18 1669
 问题描述：        1、在A页面用window.showModalDialog打开B页面。       2、在B页面有个搜索功能，是通过Form提交给自己。       3、打开页面的时候标题正常。4、Form提交后回来，窗口标题丢失。5、看代码：         head>  base target="_self">  link href="/WEB-JSP/css/css2.css"
Vue实现关闭对话框后刷新列表
weixin_45582297的博客
12-25 3903
Vue实现关闭对话框后刷新列表 有些场景需要实现用户弹窗确定后自动刷新列表，父窗口绑定fevent即可 父窗口代码 <template> <div> <el-button @click="$refs.editform.dialogFormVisible = true" >编辑用户</el-button> <editform @fevent="update_table" ref="editform"> </editform&gt
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值