• ASP.NET后台中调用前台Javascript函数的几种方法


    做web开发,用的技术是aspx.net,可是由于比较习惯于ASP现在做起来,觉得非常别扭,原因在于有很多功能其实在前台可以处理的,但是因为用到了很多webcontrol,导致不断postback。如果利用ajax来处理可能会好些。目前只能通过在后台对这些控件绑定前台的javascript函数来支持前台的处理函数。在网上找了找,发现了几种方法可以达到要求:

     

    第一种,感觉用起来最方便

    Button1.Attributes.Add("onclick", "return OnBtnClick()");  
    “OnBtnClick() “是一个前台方法,在此方法中直接在前台处理数据。可以替换成一般的脚本

     

    第二种,OnClientClick

    <asp:Button ID="Button1" runat="server" Text="Button"  OnClientClick="OnClientClick()" OnClick="Button1_Click"  />
    Button1_Click是在cs中(后台)处理的方法,而OnClientClick() 就是javascript(前台)的处理函数。

     

    第三种 用ClientScript类动态添加脚本

        用法如下:在想调用某个javascript脚本函数的地方添加代码,注意要保证MyFun已经在脚本文件中定义过了。

        ClientScript.RegisterStartupScript(ClientScript.GetType(), "myscript", "<script>MyFun();</script>");

    这个方法比Response.Write更方便一些,可以直接调用脚本文件中的自定义函数。

     

    第四种,ClientScript.RegisterStartupScript
    例子:StringBuilder sb = new StringBuilder();
            sb.Append("<script language='javascript'>");
            sb.Append("Button2_onclick('" + serverPath + "')");
            sb.Append("</script>");
            ClientScript.RegisterStartupScript(this.GetType(), "LoadPicScript", sb.ToString());

     

    第五种. 用Response.Write方法写入脚本

    比如在你单击按钮后,先操作数据库,完了后显示已经完成,可以在最后想调用的地方写上
    Response.Write("<script type='text/javascript'>alert();</script>");

    这个方法有个缺陷就是不能调用脚本文件中的自定义的函数,只能调用内部函数,具体调用自定义的函数只能在Response.Write写上函数定义,比如Response.Write("<script type='text/javascript'>function myfun(){...}</script>");

    这种方法不断可以从后台绑定前台的方法,还可以从cpp语言环境中绑定前台的方法


    ==================================================================

    function test(){
    var ab = "<%=_dopostback()%>";
    setlocation(ab);
    }

  • 相关阅读:
    Spring优雅关闭之:ShutDownHook
    RocketMQ一直打印RocketmqRemoting closeChannel: close the connection to remote address[] result: true
    MVC中使用内建的HTML辅助方法产生表单元素提交表单与button按钮事件的陷阱
    js代码生成form,解决mvc的url参数过长问题
    jQuery中关于height,innerWidth与outerWidth的区别
    Chrome和Firefox浏览器执行new Date() 函数传参数得到不同结果的陷阱
    SQL时间段查询、分页、in字符串正则拆分
    JAVA初始化文件代码
    Base64加密URL、解密URL
    Spring XML model validation
  • 原文地址:https://www.cnblogs.com/rstar/p/8654273.html
Copyright © 2020-2023  润新知