要理解__doPostback函数的用法，首先我们要理解Asp.net 中服务端控件事件是如何触发的。 Asp.net 中在客户端触发服务端事件分为三种情况： 一. WebControls中

最新推荐文章于 2020-12-29 12:14:50 发布
最新推荐文章于 2020-12-29 12:14:50 发布
阅读量480 收藏
点赞数

要理解__doPostback函数的用法，首先我们要理解Asp.net 中服务端控件事件是如何触发的。

Asp.net 中在客户端触发服务端事件分为三种情况：

 

一. WebControls中的Button 和HtmlControls中的Type为submit的HtmlInputButton

这两种按钮最终到客户端的表现形式为： <input name="Submit1" id="Submit1" type="submit" value="Submit">，这是Form表单的提交按钮，点击以后会作为参数发送到服务端，参数是这样的： 控件的name属性=控件的value值，对应上面的例子就是：Submit1= Submit。 服务端会根据接收到的控件的name属性的这个key来得知是这个按钮被点击了，从而在服务端触发这个按钮的点击事件。

 

二. ImageButton或者HttpInputImage:

这些控件到客户端的表现类似这样的： <input type=image id=img1>，点击了这样的控件会直接提交表单，作用同提交按钮。点击了这样的控件传到服务端的参数是这样的：id.x=nn&id.y=nn，对应到上面的例子就是：img1.x=nn&img1.y=nn

 

三. HtmlControls 中的 Type为button的HtmlInputButton 和其它所有的控件事件，比如LinkButton点击，TextBox的Change事件等等：

这些事件在客户端产生后会经过一个统一的机制发送到服务端。

 

1. 首先asp.net页框架会使用两个Hidden域来存放表示是哪个控件触发的事件，以及事件的参数：

<!-表示触发事件的控件，一般是这个控件的name -->

<input type="hidden" name="__EVENTTARGET" value="" />

<!-表示触发事件的参数，一般是当某个控件有两个以上的事件时，用来区别是哪个事件 -->

<input type="hidden" name="__EVENTARGUMENT" value="" />

2. 服务端会生成一个jscript的方法来处理所有这些事件的发送，这段代码是：

 

[c-sharp]  view plain copy
  1. <mce:script language="javascript"><!--  
  2. function __doPostBack(eventTarget, eventArgument) {  
  3.   
  4. var theform = document.WebForm2;  
  5.   
  6. theform.__EVENTTARGET.value = eventTarget;  
  7.   
  8. theform.__EVENTARGUMENT.value = eventArgument;  
  9.   
  10. theform.submit();  
  11.   
  12. }  
  13. // --></mce:script>  
[c-sharp]  view plain  copy
  1. <mce:script language="javascript"><!--  
  2. function __doPostBack(eventTarget, eventArgument) {  
  3.   
  4. var theform = document.WebForm2;  
  5.   
  6. theform.__EVENTTARGET.value = eventTarget;  
  7.   
  8. theform.__EVENTARGUMENT.value = eventArgument;  
  9.   
  10. theform.submit();  
  11.   
  12. }  
  13. // --></mce:script>  

 

3. 每个会引发服务端事件的控件都会在响应的客户端事件中调用上面的代码：

比如，HtmlControls 中的 Type为button的HtmlInputButton的点击事件

<!-客户端的点击事件调用__doPostBack，eventTarget 参数为'Button2'，表示是name为'Button2'控件触发的事件，eventArgument 为空，表示这个Type为button的HtmlInputButton只有一个客户端触发的服务端事件-->

<input language="javascript" οnclick="__doPostBack('Button2','')" name="Button2" id="Button2" type="button" value="Button" />

 

又比如，TextBox控件的Change事件

<!-客户端的onchange事件调用__doPostBack，eventTarget 参数为'TextBox1'，表示是name为'TextBox1'控件触发的事件，而TextBox控件只有一个客户端触发的服务端事件TextChanged，故服务器就会去触发这个TextBox的TextChanged事件->

<input name="TextBox1" type="text" id="TextBox1" οnchange="__doPostBack('TextBox1','')" language="javascript" />

 

4. 客户端触发事件后调用__doPostBack方法，将表示触发的控件源的eventTarget 和事件参数eventArgument分别付给两个隐藏域__EVENTTARGET和__EVENTARGUMENT，然后提交Form，在服务端根据__EVENTTARGET和__EVENTARGUMENT来判断是哪个控件的什么事件触发了。

 

参考了这里的资料：http://tb.blog.csdn.net/TrackBack.aspx?PostId=12453

 

 

了解了Asp.net 中服务端控件事件是如何触发的后，我们再去认识__doPostback这个函数和它的作用。下面是__doPostback函数的具体内容：

[c-sharp]  view plain copy
  1. <div>  
  2. <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />  
  3. <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />  
  4. <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTE4NDIzMDg2NDRkZMlHJoBQ9CYcWBtBK+zrfZzKoh/i" />  
  5. </div>  
  6.   
  7. <mce:script type="text/javascript"><!--  
  8. ...  
  9. <!--  
  10. var theForm = document.forms['form1'];  
  11. if (!theForm) ...{  
  12.     theForm = document.form1;  
  13. }  
  14. function __doPostBack(eventTarget, eventArgument) ...{  
  15.     if (!theForm.onsubmit || (theForm.onsubmit() != false)) ...{  
  16.         theForm.__EVENTTARGET.value = eventTarget;  
  17.         theForm.__EVENTARGUMENT.value = eventArgument;  
  18.         theForm.submit();  
  19.     }  
  20. }  
  21. // --></mce:script>  
  22.     <div>  
[c-sharp]  view plain  copy
  1. <div>  
  2. <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />  
  3. <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />  
  4. <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTE4NDIzMDg2NDRkZMlHJoBQ9CYcWBtBK+zrfZzKoh/i" />  
  5. </div>  
  6.   
  7. <mce:script type="text/javascript"><!--  
  8. ...  
  9. <!--  
  10. var theForm = document.forms['form1'];  
  11. if (!theForm) ...{  
  12.     theForm = document.form1;  
  13. }  
  14. function __doPostBack(eventTarget, eventArgument) ...{  
  15.     if (!theForm.onsubmit || (theForm.onsubmit() != false)) ...{  
  16.         theForm.__EVENTTARGET.value = eventTarget;  
  17.         theForm.__EVENTARGUMENT.value = eventArgument;  
  18.         theForm.submit();  
  19.     }  
  20. }  
  21. // --></mce:script>  
  22.     <div>  

 

其中eventTarget 和eventArgument，是两个就是用来存储在回送的时候获取是哪个控件触发了回送，并且带了什么参数。总之，调用__doPostBack函数可以实现客户端控件调用服务器端控件的响应。或者是在javascript里面调用.net的服务器控件事件（这也是我想要解决的问题）。这一点可以充分用在子窗口调用父窗口中某个服务器控件的服务器端的事件

 

比如，在我们写程序的时候经常会需要动态的生成一些控件，最简单的方法就是通过一个字符串,比如string strButton = <input type ="button" ID="button1">,然后输出到页面，但是如果我们需要这个控件来执行一些服务器的功能，就比较困难了。

 

这里我们就可以用过借用 __doPostBack这个函数来完成。以这个例子来说明一下具体如何调用。

 

我们可以声明一个不可见的LinkButton控件，那通常，我们希望一个控件不可见，通常都是把visible属性设为false。但是在这里我们把LinkButton的Text属性设置为空，这样这个LinkButton不可见（因为当我们把visible属性设置为 false的时候，浏览器在解析的时候，根本不会把这个控件放在页面上，也就是说这个控件是不存在的，所以我们在调用__doPostBack函数的时候，便会找不到控件 ），接下来我们可以在LinkButton里面写一些服务器端的代码。然后就是如何通过我们动态生成的客户端控件来调用LinkButton里面的功能,我们可以通过一个JavaScript函数来实现

 

[c-sharp]  view plain copy
  1. function ExcuteOnServer()  
  2. {  
  3. //第一个参数是你希望提交到服务器的控件的ID号，第二个参数是事件参数  
  4. __doPostBack('LinkButtonID','');  
  5. }  
[c-sharp]  view plain  copy
  1. function ExcuteOnServer()  
  2. {  
  3. //第一个参数是你希望提交到服务器的控件的ID号，第二个参数是事件参数  
  4. __doPostBack('LinkButtonID','');  
  5. }  

 

接下去我们只需要在动态生成的这个Button控件的onclick事件中写上οnclick="JavaScript:ExcuteOnServer();"，这样当我们点击这个动态生成的客户端控件的时候，他便会执行LinkButton中的代码。这样便实现了动态生成的客户端控件提交到服务器端的功能。

 

客户端js利用__doPostBack(sender,args)函数来提交到服务器的方法：

__doPostBack(sender,args)
sender:提交的控件
args: 事件参数。一般赋空值。

web.aspx页面上放置任何一个控件：<asp:button id="btnTest"/>

客户端调用js代码：__doPostBack("btnTest",""); 注意是双下划线。即可提交到服务器端。调用该函数提交不会触发控件的任何js事件而直接进入服务器端。

 

可以利用该特性来做二次提交：在button控件的Click事件中做一个标记利用hidden控件或其他方式保存一个Flag
__doPostBack提交则无此Flag
服务器端则根据该Flag来判断是button提交还是__doPostBack提交。注意在后台处理__doPostBack提交的逻辑中将Flag刷新。

 

 

 

自己实践的例子如下，为了便于理解，举了一个比较简单的：

 

前台代码：

[c-sharp]  view plain copy
  1. <%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" EnableEventValidation="false"%>  
  2.   
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  4. <html xmlns="http://www.w3.org/1999/xhtml">  
  5. <head runat="server">  
  6.     <title></title>  
  7. </head>  
  8. <body>  
  9.     <form id="form1" runat="server">  
  10.     <input  οnclick="__doPostBack('Button1','')" name="Button1" type="button" value="点击调用后台方法" />  
  11.     <div>  
  12.         <asp:Button ID="Button1" runat="server" Text="Button"  Visible="false"   
  13.             οnclick="Button1_Click"/>  
  14.       <!--  <asp:DropDownList ID="DropDownList1" AutoPostBack="true" runat="server">  </asp:DropDownList>-->  
  15.         <asp:LinkButton ID="LinkButton1" runat="server" Text = "">LinkButton</asp:LinkButton>  
  16.     </div>  
  17.     </form>  
  18. </body>  
  19. </html>  
[c-sharp]  view plain  copy
  1. <%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" EnableEventValidation="false"%>  
  2.   
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  4. <html xmlns="http://www.w3.org/1999/xhtml">  
  5. <head runat="server">  
  6.     <title></title>  
  7. </head>  
  8. <body>  
  9.     <form id="form1" runat="server">  
  10.     <input  οnclick="__doPostBack('Button1','')" name="Button1" type="button" value="点击调用后台方法" />  
  11.     <div>  
  12.         <asp:Button ID="Button1" runat="server" Text="Button"  Visible="false"   
  13.             οnclick="Button1_Click"/>  
  14.       <!--  <asp:DropDownList ID="DropDownList1" AutoPostBack="true" runat="server">  </asp:DropDownList>-->  
  15.         <asp:LinkButton ID="LinkButton1" runat="server" Text = "">LinkButton</asp:LinkButton>  
  16.     </div>  
  17.     </form>  
  18. </body>  
  19. </html>  

 

 

注意EnableEventValidation属性要定义为false，因为它默认是true，否则无法回调。 为了实现__doPostBack函数，我们可以为页面添加一个LinkButton，因为它本身就有这个属性，或者可以添加其他控件，如DropDownList，但该控件AutoPostBack属性应该定义为true。

 

后台代码：

 

[c-sharp]  view plain copy
  1. using System;  
  2. using System.Collections.Generic;  
  3. using System.Linq;  
  4. using System.Web;  
  5. using System.Web.UI;  
  6. using System.Web.UI.WebControls;  
  7.   
  8. public partial class _Default : System.Web.UI.Page   
  9. {  
  10.     protected void Page_Load(object sender, EventArgs e)  
  11.     {  
  12.   
  13.     }  
  14.     protected void Button1_Click(object sender, EventArgs e)  
  15.     {  
  16.         Response.Write("成功调用后台方法!");  
  17.     }  
  18. }  
[c-sharp]  view plain  copy
  1. using System;  
  2. using System.Collections.Generic;  
  3. using System.Linq;  
  4. using System.Web;  
  5. using System.Web.UI;  
  6. using System.Web.UI.WebControls;  
  7.   
  8. public partial class _Default : System.Web.UI.Page   
  9. {  
  10.     protected void Page_Load(object sender, EventArgs e)  
  11.     {  
  12.   
  13.     }  
  14.     protected void Button1_Click(object sender, EventArgs e)  
  15.     {  
  16.         Response.Write("成功调用后台方法!");  
  17.     }  
  18. }  

 

 

这样就可以成功通过前台调用后台的方法。这只是一个简单的举例，更复杂的应用与此相似。

 

free_birds_zh
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ASP.NET之通过JS向服务端(后台)发出请求(__doPostBack is undefined)
学而时习之
05-26 3351
ASP.NET回发数据是通过函数__doPostBack来实现的，该函数在添加了服务端控件，并将AutoPostBack设置为true之后，将自动生成，具体可以参看下面的图。 同时还会生成隐藏控件，其ID为__EVENTTARGET和__EVENTARGUMENT，前一个是用于存放key的，后一个用于存放参数的。 所以在后台通过Request.Form来获取所要
JS中__doPostBack用法 转载的
weixin_30662109的博客
09-18 411
要理解__doPostback函数的用法，首先我们要理解Asp.net 中服务端控件事件是如何触发的。 Asp.net 中在客户端触发服务端事件分为三种情况： 一. WebControls中的Button 和HtmlControls中的Type为submit的HtmlInputButton 这两种按钮最终到客户端的表现形式为： <input name="Submit1" id...
asp.net 页面中的_dopostback函数(转)
02-09 1189
2009年01月04日 星期日 02:58 P.M.一、简单使用_doPostBack函数_doPostBack这个前台函数的功能，主要是用于web控件的postback，它是通过__eventTraget,__eventArgument两个隐藏控件向服务端发送控制信息的。__eventTraget：为要调用控件的名称，如果要调用的控件是子控件，用 $ 或
__dopostback的用法
星火燎猿
04-18 5897
在.NET中，所有的服务器控件提交到服务器的时候，都会调用__doPostBack这个函数，所以灵活运用这个函数对于我们的帮助还是很大的.        比如，在我们写程序的时候经常会需要动态的生成一些控件，最简单的方法就是通过一个字符串,比如string strButton = ,然后输出到页面，但是如果我们需要这个控件来执行一些服务器的功能，就比较困难了.这里我们就可以用过借用 __do
ASP.NET __doPostBack函数
zoey的专栏
08-29 1688
__doPostBack函数可以实现客户端控件调用服务器端控件的响应。或者是在javascript里面调用.net的服务器控件事件。这一点可以充分用在子窗口调用父窗口中某个服务器控件的服务器端的事件。 客户端js利用__doPostBack(sender,args)函数来提交到服务器的方法： __doPostBack(sender,args) sender:提交的控件 args: 事件参数。一般赋空值。
深入理解__doPostBack 客户端调用服务端事件
10-30
__doPostBack是一个纯粹并且是非常简单的javascript函数，大部分的页面PostBack都是由它触发的。
关于前台调用后台事件__doPostBack函数
10-30
关于前台调用后台事件__doPostBack函数
ASP.NET让FileUpload控件支持浏览自动上传功能的解决方法
01-21
ASP.NET的FileUpload控件默认是不支持服务端的onchange事件的，此时可以用一种变通的方法来实现这一功能。 这就需要借用客户端的onchange事件，调用__doPostBack方法来用LinkButton的OnClick事件模拟一个事件触发的...
asp后台调用产品数据___doPostBack如何执行按钮的后台方法
weixin_42133861的博客
12-29 104
今天又遇到一个问题, 页面会自动刷新, 代码如下: 这里使用了OnClientClick这个方法, 这个方法是客户端的方法, 后面接着一个函数, 函数中要return true或 return false ,如果return true, 就会接着执行OnClick的方法, 在我之前的文章grape：如何在父子页面中传输数据(layer)​zhuanlan.zhihu.com我有说过, 我将同步的方...
深入理解asp.net中的 __doPostBack函数
oldmonk
06-24 374
　　前段时间做一个.net网站的时候,用到了模拟前端按钮刷新updatePanel进行局部刷新的时候,遇见了这个问题,当时没顾上记下来,查看网上资料,记下来留着以后查看. 　　很早以前，当我刚接触asp.NET开发时，我曾有很多很多的疑问（大概是因为我以前一直做jsp开发，也接触过一段时间的asp，脑海中没有这种基于“控件编程”和“事件编程“模型的缘故吧。当然，如果对于一个长期从事桌面...
解析ASPX网页__doPostBack分页的网页table数据
weixin_34146986的博客
08-05 282
由于急于上线的功能要去客服系统里抓取数据进行验证，客服方面又没有时间开发EDI接口给到我，所以用了本办法：爬人家web系统上的数据进行分析。 由于客服的web系统用ASP.Net的__doPostBack控件进行数据分页。__doPostBack是通过__EVENTTARGET,__EVENTARGUMENT两个隐藏控件向服务端发送控制信息的。 这里我要分析的页面概况如下： 这里有个导出...
Asp.Net的Page的__doPostBack 方法
nowgoant的专栏
09-03 1012
今天 ，我将讨论一下__doPostBack方法，因为有时使用它存在一些误区！  在.aspx页面这转换成html文件，你可以看到__doPostBack方法有两个参数：  1.eventTarget  2.eventArgument   EventTarget包括引用回
深入理解 __doPostBack
u013430672的专栏
06-11 1038
在我的随笔《Page，你是怎样处理回发事件的？》中曾提出一个疑问，如何得到引起页面PostBack的控件？通过阅读Page类的源码，误打误撞，无意中看到了__EVENTTARGET和__EVENTARGUMENT这两个常量的定义，并通过调试分析页面，知道了通过Request.Form[“__EVENTTARGET”]可以获取到触发页面PostBack的事件源（控件的ID）。对于一般的控件，这样就可
asp.net中使用_dopostback函数
踏雪无痕的专栏
05-02 2232
_dopostback这个前台函数的功能，主要是用于web控件的postback，它是通过__eventTraget,__eventArgument两个隐藏控件向服务端发送控制信息的， __eventTraget为要调用控件的名称，如果要调用的控件是子控件，用$或:分割父控件:子控件, __eventArgument是调用事件时的参数, 但一直都没有用过。荀子说过：“知之
asp.net AsyncPostBackTrigger触发方式
最新发布
06-07
在 ASP.NET 中，AsyncPostBackTrigger 用于配置哪些控件的事件可以触发 UpdatePanel 的异步回发。AsyncPostBackTrigger 有两种触发方式： 1. 控件事件触发：通过将控件的事件添加为 AsyncPostBackTrigger，当该控件触发相应的事件时，就会触发 UpdatePanel 的异步回发。 示例代码： ```html <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <Triggers> <asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click" /> </Triggers> <ContentTemplate> <!-- UpdatePanel 的内容 --> </ContentTemplate> </asp:UpdatePanel> <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" /> ``` 2. 自定义触发：通过 JavaScript 或后台代码触发 UpdatePanel 的异步回发。 示例代码： ```html <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <Triggers> <asp:AsyncPostBackTrigger ControlID="Button1" /> </Triggers> <ContentTemplate> <!-- UpdatePanel 的内容 --> </ContentTemplate> </asp:UpdatePanel> <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="doPostBack();" /> ``` JavaScript 代码： ```javascript function doPostBack() { __doPostBack('<%= UpdatePanel1.ClientID %>', ''); } ``` 在自定义触发方式中，需要注意使用 __doPostBack 函数来触发异步回发，并且需要指定 UpdatePanel 的 ClientID。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值