浅谈ASP.NET的Postback-开发语言,delphi,PHP,JSP,ASP,.NET,JAVA,C,PERL,C++,JS,BASIC,c#




┊linux社区┊ 爱心援助 ┊ Linux认证┊系列教程 ┊ 业界动态┊ 站务新闻 ┊ 公司招聘┊ 建议留言 ┊ 网址大全 ┊LPI专题┊ CISCO专题

设为首页

加入收藏

管理团队

联盟首页	入门区	安装配置	使用技巧	桌面应用	开发区	WEB开发	数据库	内核研究	SHELL	软件开发
软件下载	网络区	服务器	网络应用	网络安全	UNIX区	UNIX入门	UNIX提高	C专题	JAVA专题	嵌入应用
开发语言	PHP	JSP	ASP	ASP.NET	JAVA	C/C++/C#	PERL	JavaScript	Basic	Delphi

		您的位置：首页 > 开发语言 > asp.net >

栏目导栏

php

JSP

ASP

asp.net

JAVA

c/c++/c#

perl

JavaScript

Basic

Delphi

资料搜索

最新文章

·Ajax Control Toolkit Animati

·讨论一下类似BlogEngine内一次

·使用CSS+SiteMap+UserControl+

·Asp.net中多彩下拉框的实现

·浅谈ASP.NET的Postback

·分清ASP.NET AJAX中的Extender

·Tip：在使用AjaxControlTookit

·有关注册DataItem的一些可能被

·IIRF(Ionic's Isapi Rewrite

浅谈ASP.NET的Postback

[ 作者: 加入时间:2007-12-28 12:24:07 来自:Linux联盟收集整理 ]

	说道ASP.NET的Postback，就得说Web Page的生命周期，但是Web Page的生命周期却不是三言两语就能够说得清楚的，所以在这里单纯站的编程的角度，撇开Web Page 的生命周期浅谈Postback。 ck3Linux联盟我们知道，无论是ASP.NET1.x,2.0，甚至是以后的版本，ASP.NET最终Render到Client端通过浏览器浏览的都是一样：一个单纯的HTML。Client通过Submit Form的方式将填入Form的数据提交给Server进行处理。我们现在来看看ASP.NET整个Postback程序处理的过程。 ck3Linux联盟 ck3Linux联盟首先我们通过一个Sample来看ASP.NET如何处理一个通过Click一个Button引起的Postback。下面是Web Page的HTML： ck3Linux联盟 ck3Linux联盟 ck3Linux联盟 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> ck3Linux联盟 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ck3Linux联盟 <html xmlns="http://www.w3.org/1999/xhtml"> ck3Linux联盟 <head runat="server"> ck3Linux联盟 <title>Test Page</title> ck3Linux联盟 </head> ck3Linux联盟 <body> ck3Linux联盟 <form id="form1" runat="server"> ck3Linux联盟 <div> ck3Linux联盟 <asp:Label runat="server" ID="LabelMessage" ForeColor="red"></asp:Label> ck3Linux联盟 </div> ck3Linux联盟 <div> ck3Linux联盟 <asp:Button runat="server" ID="Button1" Text="Button1" OnClick="Button1_Click" OnCommand="Button_Command" CommandArgument="Button1" /> ck3Linux联盟 <asp:Button runat="server" ID="Button2" Text="Button2" OnClick="Button2_Click" OnCommand="Button_Command" CommandArgument="Button2" UseSubmitBehavior="false" /> ck3Linux联盟 <asp:Button runat="server" ID="Button3" Text="Button3" OnClick="Button3_Click" OnCommand="Button_Command" CommandArgument="Button3" UseSubmitBehavior="false" /> ck3Linux联盟 </div> ck3Linux联盟 </form> ck3Linux联盟 </body> ck3Linux联盟 </html> ck3Linux联盟 ck3Linux联盟很简单，定义了3个Button，分别注册了他们的两个Event：Click和Command。3个Button的Command Event Hander是一样的：Button_Command，通过指定的CommandArgument来让Event Handler判断到底是哪个Button触发了Command Event。 ck3Linux联盟 ck3Linux联盟下面是Code Behind： ck3Linux联盟 ck3Linux联盟 ck3Linux联盟 using System; ck3Linux联盟 using System.Data; ck3Linux联盟 using System.Configuration; ck3Linux联盟 using System.Web; ck3Linux联盟 using System.Web.Security; ck3Linux联盟 using System.Web.UI; ck3Linux联盟 using System.Web.UI.WebControls; ck3Linux联盟 using System.Web.UI.WebControls.WebParts; ck3Linux联盟 using System.Web.UI.HtmlControls; ck3Linux联盟 ck3Linux联盟 public partial class _Default : System.Web.UI.Page ck3Linux联盟 { ck3Linux联盟 ck3Linux联盟 protected void Page_Load(object sender, EventArgs e) ck3Linux联盟 { ck3Linux联盟 ck3Linux联盟 } ck3Linux联盟 protected void Button1_Click(object sender, EventArgs e) ck3Linux联盟 { ck3Linux联盟 string message = string.Format("The {0} event of {1} is fired", "Click", "Button1"); ck3Linux联盟 this.LabelMessage.Text = message; ck3Linux联盟 } ck3Linux联盟 protected void Button2_Click(object sender, EventArgs e) ck3Linux联盟 { ck3Linux联盟 string message = string.Format("The {0} event of {1} is fired", "Click", "Button2"); ck3Linux联盟 this.LabelMessage.Text = message; ck3Linux联盟 } ck3Linux联盟 protected void Button3_Click(object sender, EventArgs e) ck3Linux联盟 { ck3Linux联盟 string message = string.Format("The {0} event of {1} is fired", "Click", "Button3"); ck3Linux联盟 this.LabelMessage.Text = message; ck3Linux联盟 } ck3Linux联盟 ck3Linux联盟 protected void Button_Command(object sender, CommandEventArgs e) ck3Linux联盟 { ck3Linux联盟 string message = string.Format("The {0} event of {1} is fired", "Command", e.CommandArgument); ck3Linux联盟 this.LabelMessage.Text += "; " + message; ck3Linux联盟 } ck3Linux联盟 } ck3Linux联盟 ck3Linux联盟我们来运行这个Page，并Click某个按钮（比如Button2）： ck3Linux联盟 ck3Linux联盟 ck3Linux联盟我们通过最上方的Message可以看出，Button2的Click Event和Command先后触发。 ck3Linux联盟 ck3Linux联盟这篇Blog的主旨就是从方法调用的角度讲述整个程序运行的过程：从HTML 被Render到Client端，到用户Click某个按钮，输入被Postback到Server端，并触发两个Event，执行Event Handler打印出相关的Message。 ck3Linux联盟 ck3Linux联盟首先我们来看看ASP.NET设计的Page Render到Client端的HTML是什么样子： ck3Linux联盟 ck3Linux联盟 ck3Linux联盟 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ck3Linux联盟 <html xmlns="http://www.w3.org/1999/xhtml"> ck3Linux联盟 <head> ck3Linux联盟 <title> ck3Linux联盟 Test Page ck3Linux联盟 </title> ck3Linux联盟 </head> ck3Linux联盟 <body> ck3Linux联盟 <form name="form1" method="post" action="Default.aspx" id="form1"> ck3Linux联盟 <div> ck3Linux联盟 <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /> ck3Linux联盟 <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /> ck3Linux联盟 <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTA0NDQ2OTE5OWRk281L4eAk7iZT10hzg+BeOyoUWBQ=" /> ck3Linux联盟 </div> ck3Linux联盟 ck3Linux联盟 <script type="text/javascript"> ck3Linux联盟 <!-- ck3Linux联盟 var theForm = document.forms['form1']; ck3Linux联盟 if (!theForm) { ck3Linux联盟 theForm = document.form1; ck3Linux联盟 } ck3Linux联盟 function __doPostBack(eventTarget, eventArgument) { ck3Linux联盟 if (!theForm.onsubmit \|\| (theForm.onsubmit() != false)) { ck3Linux联盟 theForm.__EVENTTARGET.value = eventTarget; ck3Linux联盟 theForm.__EVENTARGUMENT.value = eventArgument; ck3Linux联盟 theForm.submit(); ck3Linux联盟 } ck3Linux联盟 } ck3Linux联盟 // --> ck3Linux联盟 </script> ck3Linux联盟 ck3Linux联盟 <div> ck3Linux联盟 <span id="LabelMessage" style="color:Red;"></span> ck3Linux联盟 </div> ck3Linux联盟 <div> ck3Linux联盟 <input type="submit" name="Button1" value="Button1" id="Button1" /> ck3Linux联盟 <input type="button" name="Button2" value="Button2" onclick="javascript:__doPostBack('Button2','')" id="Button2" /> ck3Linux联盟 <input type="button" name="Button3" value="Button3" onclick="javascript:__doPostBack('Button3','')" id="Button3" /> ck3Linux联盟 </div> ck3Linux联盟 </form> ck3Linux联盟 </body> ck3Linux联盟 </html> ck3Linux联盟 ck3Linux联盟上面的HTMLBody部分大体包括3个部分： ck3Linux联盟 ck3Linux联盟 1．定义了3个hidden field： ck3Linux联盟 ck3Linux联盟 <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /> ck3Linux联盟 <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /> ck3Linux联盟 <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTA0NDQ2OTE5OWRk281L4eAk7iZT10hzg+BeOyoUWBQ=" /> ck3Linux联盟 ck3Linux联盟从他们的命名可以看出他们分别代表的意思：__EVENTTARGET代表触发Event的Control的Unique name；__EVENTARGUMENT代表为Event Handler定义的额外的参数；__VIEWSTATE：代表的是Viewstate。 ck3Linux联盟 ck3Linux联盟 2．一段script： ck3Linux联盟 ck3Linux联盟 <script type="text/javascript"> ck3Linux联盟 <!-- ck3Linux联盟 var theForm = document.forms['form1']; ck3Linux联盟 if (!theForm) { ck3Linux联盟 theForm = document.form1; ck3Linux联盟 } ck3Linux联盟 function __doPostBack(eventTarget, eventArgument) { ck3Linux联盟 if (!theForm.onsubmit \|\| (theForm.onsubmit() != false)) { ck3Linux联盟 theForm.__EVENTTARGET.value = eventTarget; ck3Linux联盟 theForm.__EVENTARGUMENT.value = eventArgument; ck3Linux联盟 theForm.submit(); ck3Linux联盟 } ck3Linux联盟 } ck3Linux联盟 // --> ck3Linux联盟 </script> ck3Linux联盟定义了一个__doPostBack function完成Postback的操作，该function只有区区3行代码，前两行通过参数对上面定义的两个hidden field赋值，然后向Server端提交表单。 ck3Linux联盟 3．一段HTML对应通过ASP.NET定义的Web Control。 ck3Linux联盟 ck3Linux联盟 <div> ck3Linux联盟 <span id="LabelMessage" style="color:Red;"></span> ck3Linux联盟 </div> ck3Linux联盟 <div> ck3Linux联盟 <input type="submit" name="Button1" value="Button1" id="Button1" /> ck3Linux联盟 <input type="button" name="Button2" value="Button2" onclick="javascript:__doPostBack('Button2','')" id="Button2" /> ck3Linux联盟 <input type="button" name="Button3" value="Button3" onclick="javascript:__doPostBack('Button3','')" id="Button3" /> ck3Linux联盟 div> ck3Linux联盟 ck3Linux联盟我们定义的3个Button被转化成3个能向Server端提交表单的<input > Tag, 但是他们提交表的方式却不一样，第一个以<input type="submit">的方式提交，后面两个通过调用javascript的方式提交表单（<input type="button">）。对于一个System.Web.UI.WebControls.Button，默认采用第一种提交方式，但是我们通过设置UseSubmitBehavior属性（这个属性时ASP.NET 2.0新加的，1x没有相应的设置），改变其表单提交的行为。 ck3Linux联盟当用户Click Button2的时候，调用__doPostBack，并传入两个参数：一个代表出发Event的对象的Unique name，也就是Button2的名称，另一个描述Event的额外信息的参数，这里不需要，所以这里是空字符串。在__doPostBack中把这两个参数赋值给两个Hidden Field：__EVENTTARGET，__EVENTARGUMENT。然后向Server端提交表单，完成Postback。 ck3Linux联盟 ck3Linux联盟然后我们来看看Server如何处理这个Postback，关于Web Page的生命周期在这里就不详细介绍了。Server端通过__EVENTTARGET这个hidden field的值找到对应的Server端的Control，通过Reflection确定该Control是否实现了System.Web.UI.IPostBackEventHandler Interface。如果该Control确实实现了该Interface，那么调用Page的RaisePostBackEvent方法，这是一个Virtual的方法，可以被Override。我们来看该方法的定义。 ck3Linux联盟 ck3Linux联盟 [EditorBrowsable(EditorBrowsableState.Advanced)] ck3Linux联盟 protected virtual void RaisePostBackEvent(IPostBackEventHandler sourceControl, string eventArgument) ck3Linux联盟 { ck3Linux联盟 sourceControl.RaisePostBackEvent(eventArgument); ck3Linux联盟 } ck3Linux联盟 ck3Linux联盟我们可以看到该方法直接调用该sourceControl的RaisePostBackEvent，并传入一个eventArgument参数，在这个例子中sourceControl就是__EVENTTARGET对应的Web Control：Button2，eventArgument就是__EVENTTARGET对应的值：一个空字符串。Button2的类型是System.Web.UI.WebControls.Button。我们来看看System.Web.UI.WebControls.Button中的RaisePostBackEvent方法是如何定义的： ck3Linux联盟 ck3Linux联盟 protected virtual void RaisePostBackEvent(string eventArgument) ck3Linux联盟 { ck3Linux联盟 base.ValidateEvent(this.UniqueID, eventArgument); ck3Linux联盟 if (this.CausesValidation) ck3Linux联盟 { ck3Linux联盟 this.Page.Validate(this.ValidationGroup); ck3Linux联盟 } ck3Linux联盟 this.OnClick(EventArgs.Empty); ck3Linux联盟 this.OnCommand(new CommandEventArgs(this.CommandName, this.CommandArgument)); ck3Linux联盟 } ck3Linux联盟 ck3Linux联盟这个方法也很简单，先进行Validation，然后先后出发两个Event:OnClick 和OnCommand，随后调用对应的Event handler，这和我们的输出结果是吻合的。 ck3Linux联盟 ck3Linux联盟这基本上就是整个Postback的整个程序执行的过程，现在我们对我们的Page作一些小的有趣的改动，来验证一下： ck3Linux联盟 ck3Linux联盟 Client端和Server端进行交互的途径就是提交表单（Form Submitting）,而我们现在有两种方式来提交表单：通过<input type="submit">控件；通过调用javascript:__doPostBack。基于这一点我们在Html中加了下面一段javascript： ck3Linux联盟 ck3Linux联盟 <script type="text/javascript"> ck3Linux联盟 function postback() ck3Linux联盟 { ck3Linux联盟 ck3Linux联盟 __doPostBack('Button1',''); ck3Linux联盟 } ck3Linux联盟 ck3Linux联盟 document.getElementById("Button2").onclick = postback; ck3Linux联盟 document.getElementById("Button3").onclick = postback; ck3Linux联盟 </script> ck3Linux联盟 ck3Linux联盟我们override Button2和Button3的onclick event，把'Button1作为参数传入__doPostBack方法，可以想象，现在无论Click那个Button，程序都将认为之Click Button1。有兴趣的可以亲自试试，无论Click那个Button，显示的效果都将是下面的样子： ck3Linux联盟 ck3Linux联盟接下来我们取消上面的改动，在Server对Code作另一方面的尝试。我们前面说过，Server接受到Client的Postback，对于事件的Web Control（或者Html Server Control），如果实现了System.Web.UI.IPostBackEventHandler接口，会调用Page的virtual方法：RaisePostbackEvent，我们现在来Override这个方法： ck3Linux联盟 ck3Linux联盟 protected override void RaisePostBackEvent(IPostBackEventHandler sourceControl, string eventArgument) ck3Linux联盟 { ck3Linux联盟 sourceControl = this.Button1; ck3Linux联盟 base.RaisePostBackEvent(sourceControl, eventArgument); ck3Linux联盟 } ck3Linux联盟 ck3Linux联盟在上面的Code中，我们把sourceControl设为Button1，这样无论在client端Click的那个Button，现在都将认为是对Button的Click。运行的结果和上面一样。 ck3Linux联盟通过上面的介绍，我们知道了Page的RaisePostBackEvent会调用Source Control的RaisePostBackEvent方法，这个方法是定义在IPostBackEventHandler接口中，很多Control都实现了这个方法，对于Button来说，这个方法是Virtual的，它可以被你Override，如果感兴趣的话，可以自己写一个Custom Button，并Override该方法，看看执行的情况，相信会使加深你对Postback的理解。 ck3Linux联盟 Linux联盟收集整理 ,转贴请标明原始链接,如有任何疑问欢迎来本站Linux论坛讨论

【评论】【加入收藏夹】【大中小】【打印】【关闭】

※ 相关链接

·分清ASP.NET AJAX中的Extender和Behavior模型 (2007-12-28 12:23:32)

·asp.net 客户端回调功能的实现机制探讨（响应部分及可能的优化） (2007-12-28 12:17:24)

·关于控件部分的看法--读Programming ASP.NET中文版 (2007-12-28 12:14:20)

·如何封装JS和CSS文件为服务器端控件---ASP.NET 2.0 (2007-12-28 12:12:19)

·Asp.net Ajax:我可以用javascript做些什么 (2007-12-13 15:51:42)

·asp.net ajax客户端编程+jquery:实现泛型数据的客户端数据调用、添加、删除 (2007-12-13 15:50:59)

·ASP.NET验证控件详解 (2007-12-03 15:34:17)

·数独解算器(ASP.NET 2.0) (2007-11-30 13:34:41)

·ASP.NET动态创建控件之绝境求生 (2007-11-30 13:30:25)

·ASP.NET如何进行性能优化问题 (2007-11-30 13:29:43)



	© CopyRight 2006-2009 xxlinux.com.Inc All Rights Reserved
	Powered by xxlinux.com