关于前台调用后台事件__doPostBack函数

时间:2022-05-18 12:07:46
这里需要提一下的是,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.查看源代码,发现里面多了下面行

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

以及两个隐藏控件
关于前台调用后台事件__doPostBack函数< input type = " hidden "  name = " __EVENTTARGET "  value = ""   />
关于前台调用后台事件__doPostBack函数
< input type = " hidden "  name = " __EVENTARGUMENT "  value = ""   />


值得注意的是,_doPostPack的第一个参数是大小写不敏感的

细心的人会发现,在__doPostBack里,提交调用的是theform.submit(),这样就导致对Form的onsubmit事件校验失效了,幸好这个问题在asp.net 2.0已经修复了。这里提供一个替换的解决办法,在Form的最下面插入下面的代码,这段代码在保证不管是不是render出来的页面均有效
关于前台调用后台事件__doPostBack函数             < script language = " javascript " >
关于前台调用后台事件__doPostBack函数
<!--
关于前台调用后台事件__doPostBack函数    
function  __doPostBack_Ex(eventTarget, eventArgument) 
关于前台调用后台事件__doPostBack函数关于前台调用后台事件__doPostBack函数    
{
关于前台调用后台事件__doPostBack函数        
var theform;
关于前台调用后台事件__doPostBack函数关于前台调用后台事件__doPostBack函数        
if (window.navigator.appName.toLowerCase().indexOf("netscape"> -1{
关于前台调用后台事件__doPostBack函数            theform 
= document.forms[0];
关于前台调用后台事件__doPostBack函数        }

关于前台调用后台事件__doPostBack函数关于前台调用后台事件__doPostBack函数        
else {
关于前台调用后台事件__doPostBack函数            theform 
= document.forms[0];
关于前台调用后台事件__doPostBack函数        }

关于前台调用后台事件__doPostBack函数
关于前台调用后台事件__doPostBack函数        
if(!theform.__EVENTTARGET)
关于前台调用后台事件__doPostBack函数关于前台调用后台事件__doPostBack函数        
{            
关于前台调用后台事件__doPostBack函数            theform.appendChild(document.createElement(
"<input type='hidden' name='__EVENTTARGET'>"));
关于前台调用后台事件__doPostBack函数        }

关于前台调用后台事件__doPostBack函数        
关于前台调用后台事件__doPostBack函数        
if(!theform.__EVENTARGUMENT)
关于前台调用后台事件__doPostBack函数关于前台调用后台事件__doPostBack函数        
{            
关于前台调用后台事件__doPostBack函数            theform.appendChild(document.createElement(
"<input type='hidden' name='__EVENTARGUMENT'>"));                        
关于前台调用后台事件__doPostBack函数        }

关于前台调用后台事件__doPostBack函数        
关于前台调用后台事件__doPostBack函数        theform.__EVENTTARGET.value 
= eventTarget.split("$").join(":");
关于前台调用后台事件__doPostBack函数        theform.__EVENTARGUMENT.value 
= eventArgument;
关于前台调用后台事件__doPostBack函数        
if ((typeof(theform.onsubmit) == "function")) 
关于前台调用后台事件__doPostBack函数关于前台调用后台事件__doPostBack函数        
{
关于前台调用后台事件__doPostBack函数            
if(theform.onsubmit()!=false)
关于前台调用后台事件__doPostBack函数关于前台调用后台事件__doPostBack函数            
{
关于前台调用后台事件__doPostBack函数                theform.submit();    
关于前台调用后台事件__doPostBack函数            }

关于前台调用后台事件__doPostBack函数        }

关于前台调用后台事件__doPostBack函数        
else
关于前台调用后台事件__doPostBack函数关于前台调用后台事件__doPostBack函数        
{            
关于前台调用后台事件__doPostBack函数            theform.submit();    
关于前台调用后台事件__doPostBack函数        }

关于前台调用后台事件__doPostBack函数        
关于前台调用后台事件__doPostBack函数        
function __doPostBack(eventTarget, eventArgument)
关于前台调用后台事件__doPostBack函数关于前台调用后台事件__doPostBack函数        
{
关于前台调用后台事件__doPostBack函数            __doPostBack_Ex(eventTarget, eventArgument);
关于前台调用后台事件__doPostBack函数        }

关于前台调用后台事件__doPostBack函数        
关于前台调用后台事件__doPostBack函数
关于前台调用后台事件__doPostBack函数    }

关于前台调用后台事件__doPostBack函数
//  -->
关于前台调用后台事件__doPostBack函数
             </ script >
本文源码: 下载