asp中,貌似在同一一个页面执行不行操作,一般通过action的值不同执行不同代码。.net的button都是<input type="submmit" 来post到本页面的,那么怎么区分那个按钮做什么操作的呢?做了如下尝试:
1.查看源文件,新建了htm页面放在同级目录,
<form method="post" action="Default.aspx" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTEzMzkwMjM0NzhkZA==" />
</div>
<div>
<input id="userName" name="userName" type="text"/>
<input type="submit" name="btnCreateIndex1" value="生成首页" id="btnCreateIndex1" />
<input type="submit" name="btnCreateNewsDir1" value="生成新闻列表" id="btnCreateNewsDir1" />
<input type="submit" name="btnCreateNews1" value="生成新闻详细页面" id="btnCreateNews1" />
</div>
</form>
发现不同的按钮执行不同事件。id改掉,没关系。把name改掉后,事件执行不到,很显然,post惯例,是通过name去区分的。
2//模拟按钮事件实现过程,能实现按钮事件效果。
if (Request["btn1"] != null) {
btnCreateIndex_Click(this.btnCreateIndex1,null);
}
3.那么是不是只要表单name一样,post到aspx页面,都能调用按钮事件呢?新建一个html测试,事件没有执行到。而且,把hidden中存放的系统自动生成的viewstate删掉后,也不能执行事件。看来仅仅name一样不行。
4.查看资料,了解到 在ispostback(也就是提交)后,调用了触发所有控件事件的方法。postdata["__eventtarget"]明显就是我们刚才的点的按钮名称,然后通过findcontrol得到该对象,最后调用raisepostbackevent方法触发该对象的事件。
5.按钮的id可以叫xxx,而方法可以叫yyy_click,而且,多个按钮可以调用同一个事件。所以hidden应该保存的是控件name和调用的click的键值对。
另外,Request.Form["控件name"]根据name获取,id获取不到,aspx中会自动生成一个和id一样的name属性,所以不用手动加name,也可以获取到;可以用Request["控件name"]获取
Request["xxx"],xxx既可以是QueryString传来的也可以是表单控件传来的
======================================================================================================
第一ASP.NET中在客户端触发服务端事件分为两种情况:
A、WebControls 中的 Button 和 HtmlControls 中的 Type 为 submit 的 HtmlInputButton
这两种按钮最终到客户端的表现形式为:
<input name="Submit1" id="Submit1" type="submit" value=”Submit”>
这是 Form 表单的提交按钮,点击以后会作为参数发送到服务端,参数是这样的: 控件的 name 属性=控件的 value 值,对应上面的例子就是:
Submit1= Submit。
服务端会根据接收到的控件的 name 属性的这个 key 来得知是这个按钮被点击了,从而在服务端触发这个按钮的点击事件。
B、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 的方法来处理所有这些事件的发送,这段代码是:
<script language="javascript">
<!--
function __doPostBack(eventTarget, eventArgument) {
var theform = document.WebForm2;
theform.__EVENTTARGET.value = eventTarget;
theform.__EVENTARGUMENT.value = eventArgument;
theform.submit();
}
// -->
</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 来判断是哪个控件的什么事件触发了。
第二、 PostBack 的原理:
__doPostBack 是一个纯粹并且是非常简单的 javascript 函数,大部分的页面 PostBack 都是由它触发的。注意,这里是“大部分”,因为只有两个Web Server Control 会自己触发页面的 PostBack,其它的所以控件都是通过__doPostBack 函数触发页面的 PostBack,那先来看一下这个函数的定义吧:
CODE1:
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
function __doPostBack(eventTarget, eventArgument)
{
if (!theForm.onsubmit || (theForm.onsubmit() != false))
{
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
通过上面的代码可以看到,__doPostBack 带有两个参数,eventTarget 是标识将要引发页面PostBack 的控件 ID,eventArgument 参数提供了在引发页面 PostBack 事件时所带的额外参数。当然这个函数被函数时,这两个参数的值将赋值给页面的两个隐含变量__EVENTTARGET 和__EVENTARGUMENT,然后调用页面的 submit 方法提交页面表单。这就是为什么我们可以通过Request.Form[“__EVENTTARGET”]获取得到引发页面 PostBack 的控件 ID 的原因。
了解了__doPostBack 函数后,我们可以很容易的利用它非常方便地自己触发自定义的 PostBack事件。那上面也说了,大部分的控件都是调用。
第三 Button PostBack 做法
引了页面的 PostBack,只有两个控件是例外,Button 和 ImageButton,正是因为它们不是通过调用__doPostBack 来回发事件,所以通过表单隐含变量__EVENTTARGET 和__EVENTARGUMENT 是无法获取得到引发 PostBack 的 Button 或 ImageButton 的 ID 和参数值的,可通过下面的方式实现
1) 在页面中加如 LinkButton ,页面就会在页面中加载 POSTBACK 所需的 JS
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
如:比如前台页面
<asp:Button id="Button1" runat="server" Text="Button"></asp:Button>
(1)<a href="#" οnclick="document.getElementById('Button1').click()">触发服务器端按钮事件</a>
(2)利用 GetPostBackEventReference 给客户端生成__doPostBack()
前台
<a href="#" οnclick="<%=PostBack()%>">触发服务器端按钮事件</a>
后台
protected string PostBack()
{
return this.Page.GetPostBackEventReference(this.Button1,"haha");
}
if(Request["__EVENTARGUMENT" ]=="haha")
{
Response.Write("这个是链接的 PostBack");
}
else
{
Response.Write("这个不是链接的 PostBack");
}