• 前台调用后台事件和方法实现小结


    在实际开发过程中,我们的HTML元素需要调用后台,而且需要让后台进行复杂运算后再进行数据重新绑定操作,遇到这样的问题怎么办呢?可能有人说在后台创建一个方法,该方法实现绑定数据操作,但是实际呢?结果不尽人意,它没有执行绑定的实现,而只是简单的执行一下方法但是前台无反应,为什么出现这样的情况?原来前台调用后台方法其实只是返回结果,对实现过程及元素组合变化不管不问,它只是关注执行后的结果,不为过程买单,那么有什么方法解决这个问题呢?想想?我们可不可以让前台HTML元素触发ASP.NET按钮来触发事件呢,同时隐藏这个按钮?让它去实现绑定操作。该技巧是可行的!!本楼主为了操作简单没有以绑定数据作为示例,而只是简单的打印数据,原理基本和绑定数据类似,代码如下:

    这是前台代码:

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <title></title>
        <script src="JS/jquery.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function () {
                $("#btnTJ1").bind("click", function () {
                    var result = '<% =Print2Web() %>';
                    alert("执行完毕,请检查一下后台数据有没有打印出来");//结果显然没有打印出来
                });
     
                $("#btnTJ2").bind("click", function () {
                    $("#<%= btnGet.ClientID %>").trigger("click");//效果实现了
                });
            });
        </script>
    </head>
    <body>
        <form runat="server">
            <input type="button" value="前台HTML元素调用后台方法" id="btnTJ1" />
            <input type="button" value="前台HTML元素调用后台事件" id="btnTJ2" />
     
            <div style=" visibility: hidden">
                <asp:Button ID="btnGet" runat="server" Text="辅助前台获取数据" onclick="btnGet_Click" />
            </div>
        </form>
    </body>
    </html>

    下面是后台代码:

    protected void Page_Load(object sender, EventArgs e)
    {
     
    }
     
    /// <summary>
    /// 通过借助后台事件 -- 能否在页面输出
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>
    protected void btnGet_Click(object sender, EventArgs e)
    {
        //
        // 这里有复杂实现
        //
        Response.Write("事件按钮打印--测试成功");
    }
     
    /// <summary>
    /// 后台方法  -- 目的是前台调用,能否在页面输出
    /// </summary>
    public int Print2Web()
    {
        //
        // 这里有复杂实现
        //
        Response.Write("调用方法打印--测试成功");
        return 1;
    }
  • 相关阅读:
    行政区划遮罩 -Leaflet
    WebGIS vs WebGL图形编程
    oracle 中 group by 加强
    Nagios监控服务搭建
    MySQL触发器使用详解
    mybatis--一对多关联
    mybatis--一对一关联查询
    mybatis--实现数据库增删改查
    mybatis--使用接口注解的方式实现Helloword
    mybatis--第一个mybatis程序
  • 原文地址:https://www.cnblogs.com/itzhanghb/p/5923691.html
Copyright © 2020-2023  润新知