当前位置: 首页 > 图文教程 > 网络编程 > ASP.NET > 关于前台调用后台事件__doPostBack函数

ASP.NET
关于数据绑定在Web页面呈现效果的一点小技巧
菜鸟模仿duwamish开发时常见的错误
基于.net的快速开发思想
ASP.Net实现将Word转换PDF格式
用ASP.NET建立一个在线RSS新闻聚合器
ASP.NET图象处理详解
名称地址（Namespace）
Win中Net命令的另类用法
浅析.Net下的多线程编程
构造.NET环境下的网页下载器 （1）
构造.NET环境下的网页下载器 （2）
ASP.NET编程中的十大技巧(上)
ASP.NET编程中的十大技巧(下)
C# 3.0语言详解之基本的语言增强
Windows.NET Server: XML Web 服务
ASP.Net中程序构架与程序代码的分离
.NET 数据访问架构指南
用Visual C#打造多页面网页浏览器
.NET 2.0 基础类库中的范型：范型集合
.NETCompactFramework的使用技巧

No. « 121 122 123 124 »

技术文章搜索

关键字

ASP.NET 中的 关于前台调用后台事件__doPostBack函数

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-09-13   浏览: 256 ::
收藏到网摘: n/a

这里需要提一下的是，asp.net编程提供了服务端控件和客户端控件的说法，其实还是脱离不了HTML的本质，客户端和服务端需要交互必须要提交，提交有两种方式get和post,get就是通过向服务端发送连接地址，服务端通过地址的参数来获得信息的，一般这些参数都是明文,能在浏览器地址栏看到。而post是通过表单的input等元素提交到服务端的页面的,这些数据一般是看不到的。asp.net的服务端控件其实就是对一般的HTML控件做了个包装，大体是通过隐藏控件提供控制的参数的。
这里介绍一个常用的函数_doPostBack,这个函数如果如果是ASP.Net render出来的页面就是自动产生这个函数，比如有带autopostback属性的控件，且其属性为true的页面，带编辑列的datagrid页面。
__doPostBack是通过__EVENTTARGET,__EVENTARGUMENT两个隐藏控件向服务端发送控制信息的，__EVENTTARGET为要调用控件的名称，如果要调用的控件是子控件，用''$'或':'分割父控件:子控件,__EVENTARGUMENT是调用事件时的参数
下面演示下如何调用后台事件：
1.新建工程
2.拖入一个服务端Button1,一个DropDownList1和一个客户端Button
3.设置DropDownList1的AutoPostBack属性为True,Button1的Visible为False
4.双击Button1，在事件里写下Response.Write("hello:" );
5.页面的HTML里找到客户端Button，写入onclick="__doPostBack('Button1','')"
6.编译，运行，点击Button是不是出现了"Hello"
7.查看源代码，发现里面多了下面行
复制代码 代码如下:

<script language="javascript">
<!--
function __doPostBack(eventTarget, eventArgument) {
var theform;
if (window.navigator.appName.toLowerCase().indexOf("netscape") > -1) {
theform = document.forms["Form1"];
}
else {
theform = document.Form1;
}
theform.__EVENTTARGET.value = eventTarget.split("$").join(":");
theform.__EVENTARGUMENT.value = eventArgument;
theform.submit();
}
// -->
</script>

以及两个隐藏控件
复制代码 代码如下:

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


值得注意的是,_doPostPack的第一个参数是大小写不敏感的
细心的人会发现，在__doPostBack里，提交调用的是theform.submit()，这样就导致对Form的onsubmit事件校验失效了，幸好这个问题在asp.net 2.0已经修复了。这里提供一个替换的解决办法，在Form的最下面插入下面的代码，这段代码在保证不管是不是render出来的页面均有效
复制代码 代码如下:

<script language="javascript">
<!--
function __doPostBack_Ex(eventTarget, eventArgument)
{
var theform;
if (window.navigator.appName.toLowerCase().indexOf("netscape") > -1) {
theform = document.forms[0];
}
else {
theform = document.forms[0];
}
if(!theform.__EVENTTARGET)
{
theform.appendChild(document.createElement("<input type='hidden' name='__EVENTTARGET'>"));
}
if(!theform.__EVENTARGUMENT)
{
theform.appendChild(document.createElement("<input type='hidden' name='__EVENTARGUMENT'>"));
}
theform.__EVENTTARGET.value = eventTarget.split("$").join(":");
theform.__EVENTARGUMENT.value = eventArgument;
if ((typeof(theform.onsubmit) == "function"))
{
if(theform.onsubmit()!=false)
{
theform.submit();
}
}
else
{
theform.submit();
}
function __doPostBack(eventTarget, eventArgument)
{
__doPostBack_Ex(eventTarget, eventArgument);
}

}
// -->
</script>