zoukankan      html  css  js  c++  java
  • ASP.NET前台使用__doPostBack函数调用后台事件

    这里需要提一下的是,asp.net编程提供了服务端控件和客户端控件的说法,其实还是脱离不了HTML的本质,客户端和服务端需要交互必须要提 交,提交有两种方式get和post,get就是通过向服务端发送连接地址,服务端通过地址的参数来获得信息的,一般这些参数都是明文,能在浏览器地址栏 看到。而post是通过表单的input等元素提交到服务端的页面的,这些数据一般是看不到的。asp.net的服务端控件其实就是对一般的HTML控件 做了个包装,大体是通过隐藏控件提供控制的参数的。

    这里介绍一个常用的函数_doPostBack,这个函数如果如果是ASP.Net render出来的页面就是自动产生这个函数,比如有带autopostback属性的控件,且其属性为true的页面,带编辑列的datagrid页面。
    __doPostBack 是通过__EVENTTARGET,__EVENTARGUMENT两个隐藏控件向服务端发送控制信息的,__EVENTTARGET为要调用控件的名 称,如果要调用的控件是子控件,用''$'或':'分割父控件:子控件,__EVENTARGUMENT是调用事件时的参数

    页面的HTML里找到客户端Button,写入

    onclick="__doPostBack('Button1','')"

    <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);
            }
        }
    // -->

    示例:

    前台:

    <a class="tb_linkbtn" id="lbtnReturn" href="javascript:__doPostBack('lbtnTest','')">测试</a>

    后台:

    if(Request["__EVENTTARGET" ]=="lbtnTes")
    {
        Response.Write("链接点击的PostBack");
    }

  • 相关阅读:
    在网页中实现截屏粘贴的功能
    CSS3 @font-face 做自定义图标
    Visual Studio报错一箩筐(持续更新)
    Axure实现vcg官网首页原型图
    Axure实现bootstrap首页线框图
    Web第一天——准备篇
    vue动态加载组件
    组件封装之将代码放到npm上
    node连接mysql生成接口,vue通过接口实现数据的增删改查(二)
    autoCAD2007 快捷键 标注
  • 原文地址:https://www.cnblogs.com/Leo_wl/p/2080430.html
Copyright © 2011-2022 走看看