弹出页面传值的问题，一点建议

最新推荐文章于 2024-09-21 18:47:17 发布
原创 最新推荐文章于 2024-09-21 18:47:17 发布 · 1.4k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#textbox #asp.net #session #javascript #server #button

本文详细介绍ASP.NET中页面间的传值方法，包括QueryString、Session、Server.Transfer等，并重点讲解如何利用JavaScript实现在弹出窗口与父窗口间的值传递。

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

今天碰到一个弹出对话框(PopUp dialog)的问题, 因该是个傻瓜问题, 但是还是让我研究了半天, 总结了一些前人经验, 拿出来跟大家分享一下!
在ASP.Net中页面之间的传值方法有很多,但是打开和关闭新的窗口,靠的还是JavaScript 下的 Windows对象譬如打开窗口open(<URL字符串>, <窗口名称字符串>, <参数字符串>);

<URL字符串>：描述所打开的窗口打开哪一个网页。如果留空（''），则不打开任意网页。
<窗口名称字符串>：描述被打开的窗口的名称（window.name），可以使用'_top'、'_blank'等内建名称。这里的名称跟“<a href="..." target="...">”里的“target”属性是一样的。
<参数字符串>：描述被打开的窗口的样貌。如果只需要打开一个普通窗口，该字符串留空（''），如果要指定样貌，就在字符串里写上一到多个参数，参数之间用逗号隔开。

有些参数还是要知道的

top=#
 窗口顶部离开屏幕顶部的像素数
 
left=#
 窗口左端离开屏幕左端的像素数
 
width=#
 窗口的宽度
 
height=#
 窗口的高度
 
menubar=...
 窗口有没有菜单，取值yes或no
 
toolbar=...
 窗口有没有工具条，取值yes或no
 
location=...
 窗口有没有地址栏，取值yes或no
 
directories=...
 窗口有没有连接区，取值yes或no
 
scrollbars=...
 窗口有没有滚动条，取值yes或no
 
status=...
 窗口有没有状态栏，取值yes或no
 
resizable=...
 窗口给不给调整大小，取值yes或no
 

close() 关闭一个已打开的窗口。
window.close() 或 self.close()：关闭本窗口；
<窗口对象>.close()：关闭指定的窗口。
　　如果该窗口有状态栏，调用该方法后浏览器会警告：“网页正在试图关闭窗口，是否关闭？”然后等待用户选择是否；如果没有状态栏，调用该方法将直接关闭窗口。

至于opener他应该是window的属性而非方法

 用法：window.opener；返回打开本窗口的窗口对象。注意：返回的是一个窗口对象。如果窗口不是由其他窗口打开的，在 Netscape 中这个属性返回 null；在 IE 中返回“未定义”（undefined）。undefined 在一定程度上等于 null。注意：undefined 不是 JavaScript 常数，如果你企图使用“undefined”，那就真的返回“未定义”了。

在这里就有个问题了,怎们后面说….(卖个关子)

OK, 窗口现在是打开了, 接下来我们想要做什么?

一, 在新的页面上得到一个或多个值, 之后传递下去?

这种情况下,JavaScript就不是唯一的最佳选择了, 虽然在传统的ASP当中form Post是上加之选,但在ASP.NET中就显得有些老土了,并且实现起来有些麻烦! ASP.NET为我们提供了多种方式，

QueryString,  Session,  Server.Transfer,  Cache,  ViewState

一种是可以通过用来传送相应的值，再一种是通过变量来传送相应的值，还有就是通过方法来实现。下面分别一一介绍：  

1. Querystring  (较古老)

Querystring是一种非常简单的传值方式，其缺点就是会把要传送的值显示在浏览器的地址栏中，并且在此方法中不能够传递对象。还有就是URL需要自行设计,容易出错. 不过如果你想传递一个安全性不是那么太重要或者是一个简单的数值时，用此方法还是可取的。

简单的例子就是在父级页面中
 string  url; 
 url="webform2.aspx?name="  +   
   TextBox1.Text  +  "&email="  +   
   TextBox2.Text; 
 Response.Redirect(url); 

在第二个页面的page_load中加入

 Label1.Text=Request.QueryString["name"]; 
 Label2.Text=Request.QueryString["email"];
运行,即可看到传递后的结果了。

 

2. Session 
 使用Session变量传值是一种最常见的方式了，此中方式不仅可以把值传递到下一个页面，还可以交叉传递到多个页面，直至把Session变量的值removed后，变量才会消失。不过问题是,两个页面之间最好还是使用局部变量。否则可能会有项目组中Session命名冲突的问题。再就是记得用完后remove掉.

简单的例子就是在父级页面中加入
Session["name"]=TextBox1.Text; 
 Session["email"]=TextBox2.Text; 
 Response.Redirect("webform2.aspx"); 
在第二个页面的page_load中加入

 Label1.Text=Session["name"].ToString(); 
 Label2.Text=Session["email"].ToString(); 
 Session.Remove("name"); 
 Session.Remove("email"); 
运行,即可看到传递后的结果了。 

 

3. Server.Transfer 
虽然这种方法有点复杂，但也不失为一种在页面传值的方式。Server.Transfer的方法居然有很多人说好，这种方法要求被调用的页面去引用调用的页面，这种方法明显违反编程的原则。原来被调用的页面可以独立使用，可以被其他页面调用，用了这种方法就不行了！没有深度研究, 就不显摆了. 

 

4. Cache
在ASP.NET页面和ASP.NET用户控件(动态装入)之间传递数据时.在ASP.NET页面中装入用户控件的时候
Cache[“Test“] =“Test“
在用户控件的Page_Load方法中：
Label1.Text  = Page.Page.Cache[“Test“].ToString;
Label1应该显示为“Test”

5. ViewState
ViewState适用在一个页面中保存状态，要在两个页面之间使用似乎也不行。(没有深度研究)

二, 在新的页面上得到一个或多个值后,传回父级页面?

这个问题在我看来,JavaScript是个不二之选,

在父级页面中

<head runat="server">中添加

<script type='text/javascript'>

function openWindow()  

 {  

window.open('Popup.aspx','_blank','height=450,width=470,status=no,toolbar=no,menubar=no,scrollbars=no,location=no');

}

</script>

<form id="form1" runat="server">中添加

<div>

   <asp:TextBox ID="TB_subject" runat="server"></asp:TextBox>

   <asp:TextBox ID="TB_Infor" runat="server"></asp:TextBox>

   <p>

   <input type="button" value="传值并返回父窗口" name="button1" onclick="popup()" /></p>

</div>

当然也可以写在code里,写法如下

Dim PopUpDialog As String

        PopUpDialog = "<script type='text/javascript'>window.open('Popup.aspx','_blank','height=450,width=470,status=no,toolbar=no,menubar=no,scrollbars=no,location=no');</script>"

        ScriptManager.RegisterStartupScript(Me, Me.GetType, "key", PopUpDialog, False)

PopUp页面当中

<head runat="server">中添加

 <script type="text/javascript">

 function popup()  

 {  

      window.opener.document.getElementById("TB_subject").value=document.getElementById("TB_Name").value;

      window.opener.document.getElementById("TB_Info").value=document.getElementById("TB_Summary").value;

      window.close()    

     }

</script>

<form id="form1" runat="server">中添加

<div>

   <asp:TextBox ID="TB_Name" runat="server"></asp:TextBox>

   <asp:TextBox ID="TB_Summary" runat="server"></asp:TextBox>

   <p>

   <input type="button" value="传值并返回父窗口" name="button1" onclick="popup()" /></p>

</div>

之后在触发对象(input,button etc…)上添加onclick="popup()" 事件即可, 当然在ASP.NET中如果应用了VB或C#Code这句话应当改为OnClientClick="popup()".

好了解释一下前面卖的关子,这里需要注意几个问题,

1.        window.opener.document.getElementById("TB_Name").value这句话虽然可以用window.opener.document.all["TB_Name"].value代替,但是它只对IE有效,在firefox中或其他浏览器是没有结果的,因为事实上document没有all这个方法getElementById或getElementByName才是正解.

2.        如果使用了ASP.NET 2.0 AJAX, 并且把xhtml tag对象写入Code的时候,记得用ScriptManager.RegisterStartupScript(Me, Me.GetType, "key", PopUpDialog, False) 替代Response.Write(script); 因为在ScriptManager控件里不支持Response.Write()


本文来自优快云博客，转载请标明出处：http://blog.youkuaiyun.com/coomon2000/archive/2008/10/21/3118309.aspx

maoli2010
关注
前端面试汇总-React
分享前端工程化、动效魔法与性能之舞！
06-29 1390
React并不是将click事件绑定到了div的真实DOM上，而是在document处监听了所有的事件，当事件发生并且冒泡到document处的时候，React将事件内容封装并交由真正的处理函数运行。这样的方式不仅仅减少了内存的消耗，还能在组件挂在销毁时统一订阅和移除事件。除此之外，冒泡到document上的事件也不是原生的浏览器事件，而是由react自己实现的合成事件（SyntheticEvent）。因此如果不想要是事件冒泡的话应该调用event.preventDefault()方法，而不是调用event
Android Navigation + Fragment 制作APP主页面导航（步骤 + 源码）
2401_89722372的博客
12-17 762
可能这里你会比较陌生，这里的id，等下要在MainActivity中指明的，这里的name指明的是androidx.navigation.fragment.NavHostFragment，这个属性就表明这个fragment指明的就是NavHost，然后它还要添加需要显示的子Fragment，那么就通过navGraph来绑定这个导航图，之前导航图里面不是就有五个Fragment吗？默认就是false，可以不加。上面的也很简单，id表示它在导航图的标识，name指明这个Fragment的路径，包名+类名。
WebForm弹出框，选择弹出的值，点击确认，自动关闭弹出框，并把选中的值传回父页面
m0_74456535的博客
10-22 1009
WebForm弹出框，选择弹出的值，点击确认，自动关闭弹出框，并把选中的值传回父页面
JSP页面间传值问题
weixin_30843605的博客
11-19 131
JSP页面间传值问题 其中最简单的要数<a>标签里面的href来传值了， 在a.jsp中写： <a href="b.jsp?name1=值"></a> 然后在b.jsp中接收： <% String name2 = new String(request.getParameter("name1")...
父窗体与子窗体之间的调用-使用模态窗体之间传递多个值
09-16 854
在web应用中，如何以模态窗口方式新打开子窗口，并往子窗口里传递多个值，而在子窗口中，能接受这些值，并且对这些值修改后，可以再提交传递给父窗口呢？在codeproject上，有篇文章介绍了方法，下面介绍如下： 1 先建一个叫Parent.html的父窗口，写入其中的HTML代码如下：        Parent Webform function OpenChild() {    va
弹出页面和父页面之间方法，传值，调用
长大了，懂得了。。。
10-21 824
一般开发网站经常用两种方式可以可以弹出个子页面
web页面 子父窗体之间的传值问题
feifei666888的专栏
08-27 1277
web的子父窗体的关系一般情况下分为两种：一种是window.open()打开的子窗体，包括模式模式窗体 window.showModalDialog();这种子父传值的方法是：opener.document.getElementById("name");------>新打开的子窗体向父窗体的控件传值另一种是框架性的子父窗体frames:如下面的一个frames框架：
vue中实现传数据不跳转页面_【必看】58道Vue常见面试题集锦，涵盖入门到精通，自测 Vue 掌握程度...
weixin_39869693的博客
11-20 1071
(给前端日刊加星标，提升前端技能)作者：Lucky Girlhttps://zhuanlan.zhihu.com/p/924076281.vue优点？答：轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb；简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习；双向数据绑定：保留了angular的特点，在数据操作方面更为简单；组件化：保留了react...
Android Navigation + Fragment 制作APP主页面导航（步骤 + 源码）(1)
2401_87255424的博客
09-21 1088
可能这里你会比较陌生，这里的id，等下要在MainActivity中指明的，这里的name指明的是androidx.navigation.fragment.NavHostFragment，这个属性就表明这个fragment指明的就是NavHost，然后它还要添加需要显示的子Fragment，那么就通过navGraph来绑定这个导航图，之前导航图里面不是就有五个Fragment吗？默认就是false，可以不加。上面的也很简单，id表示它在导航图的标识，name指明这个Fragment的路径，包名+类名。
公开揭密团队成员开发鸿蒙 OpenHarmony 的完整过程(收获官方7k奖金和开发板等，2w字用心总结)
Wscats
11-22 7658
背景 随着 OpenHarmony 组件开发大赛结果公布，我们的团队成员被告知获得了二等奖，在开心之余也想将我们这段时间宝贵的开发经验写下来与大家分享，当我们看到参赛通知的时候已经是 9 月中旬的时候，此时已经是作品可以提交的时间了，参考了一些其他作品发现，基于 Canvas 开发的组件目前还没有，那我们就开始计划写一个基于 Canvas 和通用组件一起开发的组件，在这之前由于并没有开发过 OpenHarmony 应用，我们团队成员都没有相关的经验，大家从零开始在摸索，我们首先分工合作，有的成员负责去下载
winfrom父子窗体传值
qq_40095973的博客
04-18 441
父窗体向子窗体传值：实例化子窗体时传参到子窗体构造函数，子窗体可在构造函数中取到param; 子窗体向父窗体传值： 子窗体定义委托-> 定义事件->子窗体触发事件并传入参数->父窗体注册子窗体事件处理函数->父窗体事件处理函数中接收到子窗体参数； 父窗体： private void button1_Click(object sender, EventArgs...
C# webform 页面传值
weixin_30776545的博客
10-23 261
1、aspx 间 传值：Session["name"] = ds1.Tables[0].Rows[0]["name"]; 接收值：string tempname = Session["name"].ToString(); lblname.Text = tempname; 2、rdlc与aspx间 传值： ="javascript:location...
WinForm与WebForm弹出窗体选择数据到父窗体
badhou的专栏
03-09 2146
从子窗体中选择数据到父窗体 这个比较常用
.NET中利用js让子窗体向父页面传值
邹玉杰（邹琼俊）的专栏
02-26 2103
子页面C#后台代码： /// /// 将设置好的值赋给父页面 /// /// 需要传递的值 void SetValueToParentPage(int count, string strPersons) { StringBuilder jsStr = new StringBuilder(
【Layui】弹出层（从父窗口传递数据到子窗口）
热门推荐
张育嘉的博客
05-31 2万+
前一篇《layui之数据表格–与后台交互获取数据》介绍了layui数据表格如何获取动态数据，接下来介绍下layui的弹出层如何往子窗口传递表格数据 示例如图： 点击编辑按钮，弹出编辑弹出层，并显示相应的编辑数据 这里省略layui基础的语法，直接介绍关键代码 //userList.js //编辑用户 function editUser(edit){ ...
layui弹窗间的传值（layui弹出层传值）(窗口传值)
黑马Jack的博客
05-11 8632
layui弹窗间的传值（layui弹出层传值）(窗口传值) LayUI父窗口向弹出层传递数据可以解决页面中的编辑数据的操作。点击编辑按钮，父窗口传递当前选中行当数据至弹出层，弹出层获取到父窗口传递的数据，接着在弹出层中展示出来。效果如下： 具体步骤 到LayUI官网寻找案例 代码我从LayUI官网拷贝下来了： layer.open({ type: 2, content: 'test/iframe.html', success: function(layero, index){ var
ASP.NET 模式窗口（子父窗口之间的传值）
y_s_p_的专栏
06-24 746
父窗口html：                         function ShowModialog() {             var city = $("#city").val();             var cityname = window.showModalDialog("XMLWebForm.aspx", { "c
点击按钮弹出新窗口，输入数据后返回并刷新页面(C#代码) 窗口互传值
bear_79的专栏
01-04 1507
Webform1.aspx 　　 　　 　　 　　 　　 　　 WebForm1 　　 　　 　　 　　 http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema"> 　　 　　 　　 　　  　　   　　   从当前页面打开新窗口，并把变量传递到新窗口的例子，可以多次打开
window.open子父窗口之间的通信
weixin_46852620的博客
01-30 2112
window.opener.postMessage子窗口向父窗口传递信息 window.opener.postMessage(message,targetOrigin),是将消息发送给指定来源的父窗口，如果未指定来源则发送给*，即所有窗口。 message : 传递的消息，是String类型的值 targetOrigin : 指定发送的窗口 在传递消息时，你需要在子窗口的页面中设置一些内容，所以我们不能使用远程的页面，而需要自己建立一个。在项目根目录，建立一个popup_page.html文件。 代码如下
layui.layer.open 传值
最新发布
06-25
在 Layui 框架中，`layer.open` 方法用于创建弹出层，可以通过多种方式传递参数。以下是几种常见的参数传递方法： ### 1. 使用 `data` 参数传递数据 可以在 `layer.open` 的配置中直接使用 `data` 属性来传递数据，子页面可以直接通过 `parent` 对象访问这些数据[^2]。 ```javascript function layer_show(title, url, data, w, h) { if (title == null || title == '') { title = false; } if (url == null || url == '') { url = "404.html"; } if (w == null || w == '') { w = 800; } if (h == null || h == '') { h = ($(window).height() - 50); } layer.open({ type: 2, area: [w + 'px', h + 'px'], fix: false, // 不固定 maxmin: true, shade: 0.4, title: title, data: data }); } ``` 子页面中可以这样获取传递的数据： ```javascript var data = parent.data; ``` ### 2. 通过 URL 查询字符串传递参数 另一种常见的方式是将参数附加到 URL 上作为查询字符串，然后在子页面中解析这些参数。 ```javascript layer.open({ type: 2, area: ['800px', '600px'], content: url + '?data=' + encodeURIComponent(JSON.stringify(data)) }); ``` 子页面中可以使用如下代码来解析 URL 中的参数： ```javascript function getParameterByName(name) { name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]"); var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"), results = regex.exec(location.search); return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " ")); } var data = JSON.parse(getParameterByName('data')); ``` ### 3. 子窗口向父窗口传值 如果需要从子窗口向父窗口传递数据，可以通过操作父窗口的 DOM 元素或者调用父窗口的方法来实现[^4]。 子窗口中设置父窗口的输入框值： ```javascript function btnBack() { $("#cz", window.parent.document).val('2'); // 传给父窗口 var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index); // 关闭子窗口 } ``` 父窗口中可以在 `end` 回调中处理接收到的数据： ```javascript end: function () { var cz = $("#cz").val(); if (cz == '2') { document.getElementById('cz').value = '1'; return false; } } ``` ### 4. 使用回调函数传递结果 当关闭弹出层时，可以通过回调函数传递结果回父窗口[^3]。 ```javascript layer.open({ type: 0, skin: "layui-layer-molv", title: "信息", content: data.code == 1 ? "添加成功！" : "添加失败!", btn: ['返回列表'], yes: function () { let index = parent.layer.getFrameIndex(window.name); parent.layui.table.reload('news_table'); // 重载父页表格，参数为表格ID parent.layer.close(index); } }); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值