如何点击按钮弹出新窗口，输入数据后返回并刷新页面？

最新推荐文章于 2024-09-09 09:35:48 发布
最新推荐文章于 2024-09-09 09:35:48 发布
阅读量1.7k 收藏
点赞数
分类专栏： ASP.NET 文章标签： webform button textbox vb.net javascript vbscript
如何点击按钮弹出新窗口，输入数据后返回并刷新页面？
作者：孟宪会 出自：【孟宪会之精彩世界】 发布日期：2003年7月8日 4点0分13秒

在一些.NET论坛中有人经常会问：如何在页面中点击按钮打开新页面，输入数据，然后返回到初始页面并进行更新？要解决这个问题，应该弄清楚window.showModalDialog()的用法，本人在http://www.csdn.net/Develop/read_article.asp?id=15113已经做过介绍。下面就用例子介绍如何在ASP.NET中实现这个功能。

本例子共3个页面，其中WebForm2.aspx是过渡页面，是为了防止提交时打开新页面。

WebForm1.aspx

      <FONT size=3><FONT size=4><%@ Page Language="vb" AutoEventWireup="false" Codebehind="WebForm1.aspx.vb" Inherits="ShowModalDialog.WebForm1" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <title>WebForm1</title> <meta content="Microsoft Visual Studio .NET 7.0" name="GENERATOR"> <meta content="Visual Basic 7.0" name="CODE_LANGUAGE"> <meta content="JavaScript" name="vs_defaultClientScript"> <meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema"> </HEAD> <body MS_POSITIONING="GridLayout"> <div align="center"> <form id="Form1" method="post" runat="server"> <asp:label id="Label1" runat="server" Font-Bold="true"> 从当前页面打开新窗口，并把变量传递到新窗口的例子，可以多次打开提交。 </asp:label><br> <br> <asp:textbox id="TextBox1" runat="server" Width="600px">这是初始值，将被传递到新窗口。</asp:textbox><br> <br> <asp:button id="Button1" runat="server" Text="打开窗口" Width="96px"></asp:button></form> </div> </body> </HTML> </FONT></FONT>

WebForm1.aspx.vb

      <FONT size=3><FONT size=4>Public Class WebForm1 Inherits System.Web.UI.Page Protected WithEvents TextBox1 As System.Web.UI.WebControls.TextBox Protected WithEvents Form1 As System.Web.UI.HtmlControls.HtmlForm Protected WithEvents Label1 As System.Web.UI.WebControls.Label Protected WithEvents Button1 As System.Web.UI.WebControls.Button</FONT> #Region " Web 窗体设计器生成的代码 " '该调用是 Web 窗体设计器所必需的。 <System.Diagnostics.DebuggerStepThrough()> Private Sub InitializeComponent() End Sub Private Sub Page_Init(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Init 'CODEGEN: 此方法调用是 Web 窗体设计器所必需的 '不要使用代码编辑器修改它。 InitializeComponent() End Sub #End Region Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load '在此处放置初始化页的用户代码 If (Not IsClientScriptBlockRegistered("clientScript")) Then Dim strScript As String = "<script>" + vbCrLf strScript += "function OpenWin(){" + vbCrLf strScript += "var str=window.showModalDialog('WebForm2.aspx',document.Form1.TextBox1.value)" + vbCrLf strScript += "if(str!=null) document.Form1.TextBox1.value=str" + vbCrLf strScript += "}" + vbCrLf strScript += "</script>" + vbCrLf RegisterClientScriptBlock("clientScript", strScript) End If Button1.Attributes.Add("onclick", "OpenWin()") End Sub End Class </FONT>

WebForm2.aspx

      <FONT size=4><%@ Page Language="vb" AutoEventWireup="false" Codebehind="WebForm2.aspx.vb" Inherits="aspxWeb.mengxianhui.com.WebForm2"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <title>WebForm2</title> <meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.0"> <meta name="CODE_LANGUAGE" content="Visual Basic 7.0"> <meta name="vs_defaultClientScript" content="JavaScript"> <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5"> </HEAD> <frameset rows="0,*"> <frame src="about:blank"> <frame src="WebForm3.aspx"> </frameset> </HTML> </FONT>

WebForm2.aspx.vb

      <FONT size=4>Public Class WebForm2 Inherits System.Web.UI.Page #Region " Web 窗体设计器生成的代码 " '该调用是 Web 窗体设计器所必需的。 <System.Diagnostics.DebuggerStepThrough()> Private Sub InitializeComponent() End Sub Private Sub Page_Init(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Init 'CODEGEN: 此方法调用是 Web 窗体设计器所必需的 '不要使用代码编辑器修改它。 InitializeComponent() End Sub #End Region Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load '在此处放置初始化页的用户代码 End Sub End Class </FONT>

WebForm3.aspx

      <FONT size=4><%@ Page Language="vb" AutoEventWireup="false" Codebehind="WebForm3.aspx.vb" Inherits="ShowModalDialog.WebForm3" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <title>WebForm3</title> <meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.0"> <meta name="CODE_LANGUAGE" content="Visual Basic 7.0"> <meta name="vs_defaultClientScript" content="JavaScript"> <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5"> </HEAD> <body MS_POSITIONING="GridLayout" id="MyBody" runat="server"> <form id="Form1" method="post" runat="server"> <asp:Label id="Label1" runat="server">请输入您的大名：</asp:Label><br> <br> <asp:TextBox id="TextBox1" runat="server" Width="558"></asp:TextBox><br> <br> <asp:Button id="Button1" runat="server" Text=" 提 交 "></asp:Button> </form> </body> </HTML> </FONT>

WebForm3.aspx.vb

      <FONT size=4>Public Class WebForm3 Inherits System.Web.UI.Page Protected WithEvents TextBox1 As System.Web.UI.WebControls.TextBox Protected WithEvents Label1 As System.Web.UI.WebControls.Label Protected WithEvents Button1 As System.Web.UI.WebControls.Button Protected MyBody As System.Web.UI.HtmlControls.HtmlControl #Region " Web 窗体设计器生成的代码 " '该调用是 Web 窗体设计器所必需的。 <System.Diagnostics.DebuggerStepThrough()> Private Sub InitializeComponent() End Sub Private Sub Page_Init(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Init 'CODEGEN: 此方法调用是 Web 窗体设计器所必需的 '不要使用代码编辑器修改它。 InitializeComponent() End Sub #End Region Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load '在此处放置初始化页的用户代码 If IsPostBack Then Dim strScript As String = "<script>" + vbCrLf strScript += "window.parent.returnValue='" + TextBox1.Text.Replace("'", "/'") + "'" + vbCrLf strScript += "window.parent.close()" + vbCrLf strScript += "</script>" + vbCrLf If (Not IsClientScriptBlockRegistered("clientScript")) Then RegisterClientScriptBlock("clientScript", strScript) End If End If If Not IsPostBack Then MyBody.Attributes.Add("onload", "document.Form1.TextBox1.value=window.parent.dialogArguments") End If End Sub End Class</FONT>
  本文评论(Comments)：为了保护您的电子邮件不被骚扰，地址中的个别符号转换成了全角字符！
 评论人：huoqiming电子邮件：huoqiming＠sohu．com评论日期：2004年09月09日 09:40:07
 孟老师: 如何把子窗口中的值传到父窗口中用户控件中的文本框中?
 评论人：wxk666电子邮件：wxiangk666＠yahoo．com．cn评论日期：2004年08月21日 12:00:24
 好，vb代码我喜欢
 评论人：大木鸟电子邮件：aspx888＠163．com评论日期：2004年08月10日 02:55:41
 vb.net好啊支持！
 评论人：andfor电子邮件：andfor007＠126．com评论日期：2004年08月03日 07:47:17
 study
 评论人：and 电子邮件：a 评论日期：2004年08月03日 07:46:43
 study
 评论人：xi_wi电子邮件：xi_wi◎lycos．com评论日期：2004年07月30日 09:37:37
 点击第三个页面，关闭不了它，不会向第一页面返回值。（C#）
 评论人：好电子邮件：photoandimagelin＠163．com评论日期：2004年07月22日 03:11:55
 好哦
 评论人：电子邮件：评论日期：2004年07月12日 10:04:04
 private void Page_Load(object sender, System.EventArgs e)
{
// 在此处放置用户代码以初始化页面
string vbCrLf="/n";
if (IsPostBack)
{
string strScript= " <script>" + vbCrLf;
strScript += "window.parent.returnValue='" + TextBox1.Text.Replace("'", "/'") + "'" + vbCrLf;
strScript += "window.parent.close()" + vbCrLf;
strScript += "</script> " + vbCrLf;
if (! IsClientScriptBlockRegistered("clientScript")) 
RegisterClientScriptBlock("clientScript", strScript);

if (!IsPostBack)
MyBody.Attributes.Add("onload", "document.Form1.TextBox1.value=window.parent.dialogArguments");
}
}
 评论人：九品电子邮件：评论日期：2004年07月12日 10:02:51
 
public class getpass : System.Web.UI.Page
{
protected System.Web.UI.WebControls.Label Label1;
protected System.Web.UI.WebControls.TextBox TextBox1;
protected System.Web.UI.WebControls.Button Button1;
protected System.Web.UI.WebControls.Button Button2;
protected System.Web.UI.HtmlControls.HtmlControl MyBody;

private void Page_Load(object sender, System.EventArgs e)
{
// 在此处放置用户代码以初始化页面
string vbCrLf="/n";
if (IsPostBack)
{
string strScript= " <script>" + vbCrLf;
strScript += "window.parent.returnValue='" + TextBox1.Text.Replace("'", "/'") + "'" + vbCrLf;
strScript += "window.parent.close()" + vbCrLf;
strScript += "</script> " + vbCrLf;
if (! IsClientScriptBlockRegistered("clientScript")) 
RegisterClientScriptBlock("clientScript", strScript);

if (!IsPostBack)
MyBody.Attributes.Add("onload", "document.Form1.TextBox1.value=window.parent.dialogArguments");
}
}
#region Web 窗体设计器生成的代码
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
//
InitializeComponent();
base.OnInit(e);
}

/// 
/// 设计器支持所需的方法 - 不要使用代码编辑器修改
/// 此方法的内容。
/// 
private void InitializeComponent()
{    
this.Load += new System.EventHandler(this.Page_Load);

}
#endregion
}
 评论人：电子邮件：评论日期：2004年07月10日 09:30:03
 http://dotnet.aspx.cc/ShowDetail.aspx?id=49ML4AO8-5PB3-4KNY-NJZD-LJOIOXV4M1X4
 评论人：hsb电子邮件：hsb0307＠msn．com评论日期：2004年07月07日 04:49:38
 谁成功使用过，我怎么点击WebForm3的Button1关不了这个弹出窗口，我写了如下代码：
Button1.Attributes.Add("onclick", "javascript:parent.close();");
或者
Button1.Attributes.Add("onclick", "javascript:close();");

也不行，不能返回值给WebForm1上的控件，请成功使用过的，给解决一下。
 评论人：hsb电子邮件：黑死病评论日期：2004年07月07日 04:49:13
 谁成功使用过，我怎么点击WebForm3的Button1关不了这个弹出窗口，我写了如下代码：
Button1.Attributes.Add("onclick", "javascript:parent.close();");
或者
Button1.Attributes.Add("onclick", "javascript:close();");

也不行，不能返回值给WebForm1上的控件，请成功使用过的，给解决一下。
 评论人：gpyzy电子邮件：gpyzy＠hotmail．com评论日期：2004年06月19日 01:49:10
  大力支持孟老大多多发布vb.net的代码:)
 评论人：dulker电子邮件：dulker＠sina．com评论日期：2004年06月16日 12:00:30
 ?好象VB的代码居多，C#的呢
 评论人：czh电子邮件：pzczhhw＠163．com评论日期：2004年06月06日 07:10:05
 孟老师，能不能麻烦将这段程序的运行机制说一下？主要是页面之间的传递。
 评论人：本站管理员电子邮件：评论日期：2004年05月27日 05:25:12
 注意：<base target=_self>在IE5下无效。
 评论人：本站管理员电子邮件：评论日期：2004年05月27日 05:24:31
 注意： 在IE5下无效。
 评论人：ssphoenix电子邮件：s_phoenix＠tom．com评论日期：2004年04月02日 07:07:14
 sorry,看见了.
 评论人：ssphoenix电子邮件：s_phoenix＠tom．com评论日期：2004年04月02日 07:05:24
 有错吧?
Button1.Attributes.Add("onclick", "OpenWin()")
可是页面上并没有定义OpenWin()这个函数呀?
 评论人：liuyu202电子邮件：liuyu202＠etang．com评论日期：2004年03月29日 08:58:31
 Inherits="aspxWeb.mengxianhui.com.WebForm2"
是什么？

WebForm2.aspx有错误！如下：
未能加载类型："VbWebApp.Global"

VbWebApp为应用程序名称！

 评论人：电子邮件：评论日期：2004年03月19日 09:17:44
 可以用事件@ 
 评论人：bruce_wang电子邮件：bruce_wang＠163．com评论日期：2004年03月16日 11:17:59
 我已经转为C#了。VB.Net转C#很容易的。vbCrLf = /n。
 评论人：dsjfkf电子邮件：评论日期：2004年03月12日 02:54:16
 用的vbScript
 评论人：电子邮件：评论日期：2004年03月12日 02:48:55
 用的vbScript。
 评论人：lswallow电子邮件：lswallow_163＠163．net评论日期：2004年03月03日 10:24:07
 这些代码我试了一下，好像有问题。
c#的代码有吗？
 评论人：nowfox电子邮件：nowfox＠tom．com评论日期：2004年02月27日 01:09:18
 更希望要C#的代码
 评论人：yzwuxin电子邮件：yzwx007＠sina．com评论日期：2004年02月24日 10:37:05
 换行
 评论人：chy电子邮件：chenhaoying＠sohu．com评论日期：2004年02月09日 12:01:27
 代码中的vbCrlf是什么啊？
有c#代码吗？
 评论人：melancholy电子邮件：aking83＠msn．com评论日期：2004年01月05日 01:27:08
 Easy....

 
xuandme000
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javaScript实现点击输入框弹出窗体选择信息源码
07-26
javaScript实现点击输入框弹出窗体选择信息，提供源码，希望可以共同学习，不足处请指出，呵呵 -------javascript爱好者，java交流群：166256747，分享自己的技术是一种美德！
JavaScript页面刷新与弹出窗口问题的解决方法
10-29
为了解决模式窗口中的链接弹出新窗口问题，可以在`<head>`和`<body>`之间添加`<base target="_self">`标签，确保所有链接都在当前窗口打开。 ```html ``` #### 五、无提示关闭页面的方法 在某些场景下，我们...
如何点击按钮弹出新窗口，输入数据后返回并刷新页面？(C#代码)
aiq的专栏
09-09 1340
 翻译自孟宪会之精彩世界的VB.NET代码http://dotnet.aspx.cc/ShowDetail.aspx?id=49ML4AO8-5PB3-4KNY-NJZD-LJOIOXV4M1X4原文链接 http://xujh.cnblogs.com/archive/2004/11/17/65009.aspxWebform1.aspx
如何点击按钮弹出新窗口，输入数据后返回并刷新页面？（老孟）
weixin_33910759的博客
05-06 330
在一些.NET论坛中有人经常会问：如何在页面中点击按钮打开新页面，输入数据，然后返回到初始页面并进行更新？要解决这个问题，应该弄清楚window.showModalDialog()的用法，本人在http://www.csdn.net/Develop/read_article.asp?id=15113已经做过介绍。下面就用例子介绍如何在ASP.NET中实现这个功能。 本例子共3个页面，其中Web...
Qt窗口页面刷新
qq_41594719的博客
01-27 1473
qApp->processEvents();//加上这条语句后达到预期目的，解决问题
javascript弹出窗口中增加确定取消按钮
10-22
本文主要介绍如何在ECShop这样的电子商务平台上，通过JavaScript代码实现在弹出窗口中增加“确定”和“取消”按钮的效果。这可以通过多种JavaScript函数实现，如window.confirm()，这是一种简单而直接的方式，用于...
JS关闭窗口弹出新窗口-关闭新窗口时-刷新父窗口-JS代码实现刷新网页-js实现弹出窗口代码收集集萃.pdf
06-13
【JS关闭窗口弹出新窗口】 在JavaScript中，我们可以使用`window.open()`函数来创建一个新的浏览器窗口。这个函数的基本语法是`window.open(url, name, features)`。在这里，`url`是你要打开的页面的URL，`name`是新...
JavaScript实现提交模式窗口后刷新父窗口数据的方法
10-19
在JavaScript编程中，有时我们需要创建一个模态对话框（modal dialog）来处理用户输入或确认操作，例如在父窗口中点击按钮，弹出一个模式窗口让用户添加数据，然后在数据提交后关闭模态窗口并刷新父窗口的数据。...
jQuery点击弹出订阅窗口代码.zip
07-11
这个功能的主要目的是为用户提供一个订阅服务的方式，通常在用户点击特定按钮后，会弹出一个窗口，让用户输入邮箱或其他相关信息来完成订阅过程。下面我们将深入探讨这个功能涉及到的关键知识点。 1. **jQuery库**...
js 点击按钮弹出另一页，选择值后，返回到当前页
10-29
js 点击按钮弹出另一页，选择值后，返回到当前页，其实主要用于cms系统中，相关文章的搜索，要在已上传目录中选择一些图片等。
jsp页面处理完数据,自动刷新记录
liuweidong_的博客
06-14 7135
jsp页面处理完数据 自动刷新返回上一级 window.location.reload();
自动刷新网页,也可返回上一页并刷新
雨后春笋_aspx专栏
04-28 1206
自动刷新网页,自动刷新当前页面,JS调用 作者： 字体：[增加 减小] 类型：转载 自动刷新网页,自动刷新当前页面,JS调用，需要的朋友可以参考一下   reload 方法，该方法强迫浏览器刷新当前页面。 语法：location.reload([bForceGet])                                                
解决前台js弹框alert点击确定页面会刷新
热门推荐
毕邺
09-19 1万+
本人实践经验分享，也是通过多方查询，终于把问题解决了。 问题描述 为什么 点击alert弹出的对话框中的 确定按钮之后 页面自动刷新，怎样防止不刷新？ 走了不少的弯路，比如，有人说：在alert 后面 写一个 return false 页面就不会刷新了然而并没有什么卵用。还有人说：==正常情况 alert 之后页面是不会刷新的，应该是做了刷新的动作。流汗。。。还是没有解决我的燃眉之急啊~~~ ...
软件著作权申请教程（超详细）（2024新版）软著申请
最新发布
m0_75269526的博客
09-09 2045
软件著作权，软著，软著申请，软用户使用手册：提交登记软件的任何一种文档的连续的前30页和连续的后30页，每页不少于30行。如果是多人合作开发著作权人不是一个人的话，还需要准备一份合作开发协议。首先我们需要在官网里面注册一个账号，并且完成实名认证，一般是注册【个人】的身份。合作开发协议书：这个如果是著作权人有多个（多个人一起开发）就需要提供这个材料。在填报完成之后需要打印一个签章页签字（如果不是个人需要盖章）注册完成后点击下面进行登记，如果没有实名需要先实名认证（源代码：源程序前连续的30页和后连续的30页。
ajax弹出输入文本,ajax实现txt文本在页面上弹出
07-13
### 回答1： 使用Ajax实现让txt文本在页面上弹出的步骤如下： 1. 在HTML页面中，首先需要有一个按钮或者触发事件的元素，用来触发Ajax请求。 2. 给该按钮或者触发事件的元素添加点击事件，当点击触发时，调用Ajax请求的函数。 3. 在Ajax请求的函数中，使用XMLHttpRequest对象创建一个新的请求。 4. 设定请求的方法和请求的URL，以及是否异步。 5. 当请求状态改变时（onreadystatechange事件触发），使用responseText属性获取服务器返回的数据。 6. 创建一个HTML元素（如div或者p标签）来弹出输入文本，将获取的文本数据作为该元素的内容。 7. 将该HTML元素添加到页面的特定位置，使其在页面上弹出。 8. 如果需要，可以对弹出的输入文本进行样式设置，让它更加美观。 总结：使用Ajax可以通过异步请求获取服务器返回的txt文本数据，并将它以弹出的形式展示在页面上。以上述步骤为基本框架，可以根据具体需求进行修改和补充。 ### 回答2： 要实现ajax弹出输入文本，首先需要在页面上定义一个文本输入框和一个按钮。当用户点击按钮时，通过ajax请求将输入的文本发送到服务器端进行处理，并将服务器返回的结果显示在页面上。 具体步骤如下： 1. 在页面上定义一个文本输入框和一个按钮，用于用户输入文本和触发ajax请求。 2. 使用JavaScript监听按钮的点击事件，当按钮被点击时获取输入框中的文本内容。 3. 使用ajax发送POST请求到服务器端，将输入的文本内容作为数据传递给服务器。 4. 服务器端接收到数据后进行处理，例如保存到txt文件中。 5. 服务器端处理完成后，将结果返回给ajax请求的回调函数。 6. 在ajax的回调函数中，将服务器返回的结果显示在页面上，可以使用弹出窗口或者动态添加元素等方式进行展示。 总结起来，ajax弹出输入文本的实现主要涉及到前端与后端的交互，通过ajax将用户输入的文本发送到服务器进行处理，并将处理结果返回给前端进行展示。这样就实现了在页面上弹出txt文本的功能。 ### 回答3： Ajax是一种在不刷新整个页面的情况下，通过与服务器进行异步通信来更新部分页面的技术。它可以通过与服务器交换数据，在不打断用户操作的情况下，将数据动态加载到当前页面上。 对于“ajax弹出输入文本”，这个功能可以通过以下步骤实现： 1. 在页面上创建一个按钮或链接，用于触发弹出输入文本的操作。 2. 使用JavaScript编写一个函数，用于处理按钮或链接的点击事件。 3. 在该函数中，使用Ajax发送一个请求到服务器，请求返回一个包含输入文本的弹出窗口。 4. 服务器接收到请求后，根据请求参数处理逻辑，并生成一个包含输入文本的页面内容。 5. 服务器返回响应，将弹出窗口页面的内容发送到客户端。 6. 客户端接收到服务器的响应后，将响应内容添加到当前页面中的一个元素中（如一个div）。 7. 弹出窗口页面的内容将在该元素中显示，从而实现了在页面上弹出输入文本。 需要注意的是，这只是基本的步骤，具体实现还需要根据具体的需求和技术栈进行调整。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值