asp.net页面回传与js调用服务端事件、PostBack的原理详解

最新推荐文章于 2019-09-29 10:12:49 发布

iteye_15355

最新推荐文章于 2019-09-29 10:12:49 发布

阅读量180

点赞数

分类专栏： .Net 文章标签： ASP.net ASP .net JavaScript HTML ViewUI

.Net 专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍了ASP.NET中页面PostBack的两种实现机制。一种是通过Button和ImageButton控件直接生成提交按钮；另一种则借助JavaScript和隐藏表单完成。后者适用于除Button和ImageButton以外的控件，涉及自动生成的JavaScript方法及事件触发流程。

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

原文：[url]http://whx.tzgt.gov.cn/newOperate/html/1/11/112/11756.html[/url]

摘要：
ASP.ENT中，有两种实现页面PostBack的机制，不管是哪种回传方式，最终均是Form表单提交。

一、原始的Form表单提交
WebControls中的Button和ImageButton控件，到客户端会转换为

<input type="submit" name="" /> 
<input type="image" name=""/>

二、利用JavaScript和隐藏表单实现表单提交
除Button和ImageButton外，其他WebControls控件均是以这种方式实现页面回传机制的。具体步骤如下：
1、如果页面中存在除Button和ImageButton外的服务端控件，ASP.NET页面框架会自动在页面中增加两个隐藏表单。


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

2、服务端自动生成如下的JavaScript方法，处理事件的发送。


<script type="text/javascript">
<!--
var theForm = document.forms['form1'];
if (!theForm) {
    theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
// -->
</script>

3、每个会引发服务端事件的控件都会在响应的客户端事件中调用上面的代码。
以<asp:LinkButton>服务端控件为例说明，以下为服务端到客户端的映射：


<a id="LinkButton1" href="javascript:__doPostBack('LinkButton1','')">LinkButton</a>

[b]但是，经过试验，我发现<asp:Checkbox>、<asp:TextBox>等服务端控件并不能自动在客户端生成调用JavaScrip的__doPostBack方法的代码。[/b]
4.客户端触发事件后调用__doPostBack方法，将表示触发的控件源的eventTarget 和事件参数eventArgument分别付给两个隐藏域__EVENTTARGET和__EVENTARGUMENT，然后提交Form，在服务端根据__EVENTTARGET和__EVENTARGUMENT来判断是哪个控件的什么事件触发了。