zoukankan      html  css  js  c++  java
  • [转]Asp.Net调用前台js调用后台代码分享

    1.C#前台js调用后台代码

    前台js

    1 <script type="text/javascript" language="javascript">
    2   function Ceshi()
    3   {
    4     var a = "<%=Getstr()%>";
    5     alert(a);
    6   }
    7 </script>
    8 <input type="button" onclick="Ceshi();" value="js调用后台代码" /> 

    后台代码

    1 public string Getstr()
    2 {
    3   string aa = "你们好啊!";
    4   return aa;
    5 }

    2.C#后台调用前台js代码
    前台js

    1 <script type="text/javascript" language="javascript">
    2   function Ceshi()
    3   {
    4     var a = "你们好啊!"
    5     alert(a);
    6   }
    7 </script>
    8 <asp:Button ID="Button1" runat="server" Text="后台调用js" onclick="Button1_Click" />

    后台代码

    1 protected void Button1_Click(object sender, EventArgs e)
    2     {
    3     //如果有UpdatePanel就用如下代码调用前台js
    4     ScriptManager.RegisterStartupScript(UpdatePanel1, this.Page.GetType(), "", "Ceshi();", true);
    5     //如果没有就如下代码
    6     this.Page.ClientScript.RegisterStartupScript(this.Page.GetType(), "", "<script>Ceshi();</script>", true);
    7     }

    3.javascript函数中执行C#代码中的函数:

    方法一:1、首先建立一个按钮,在后台将调用或处理的内容写入button_click中;
            2、在前台写一个js函数,内容为document.getElementByIdx("btn1").click();--母版页:  document.getElementById("<%=txtName.ClientID%>"); 
            3、在前台或后台调用js函数,激发click事件,等于访问后台c#函数;

    方法二:

    1、函数声明为public             
        后台代码(把public改成protected也可以)

    1 public string ss()
    2             {
    3               return("a");
    4             }

    2、在html里用<%=fucntion()%>可以调用

         前台脚本

    1 <script language=javascript>
    2     var a = "<%=ss()%>";
    3     alert(a);
    4 </script>

    方法三:

     1 <script language="javascript">
     2            <!- -
     3             function __doPostBack(eventTarget, eventArgument)
     4             {
     5                var theForm = document.Form1;     //指runat=server的form
     6                theForm.__EVENTTARGET.value = eventTarget;
     7                theFrom.__EVENTARGUMENT.value = eventArgument;
     8                theForm.submit();
     9             }
    10            -->
    11 </script>
    12 <input id="Button1" type="button" name="Button1" value="按钮" onclick="javascript:__doPostBack('Button1','')">

    方法四:

    <script language="javascript">
    function SubmitKeyClick()
    {
        if (event.keyCode == 13)
         {
            event.cancelBubble = true;
            event.returnValue = false;
             document.all.FunName.value="你要调用的函数名";
             document.form[0].submit();
         }
    }
    </script>
    
    <INPUT onkeypress="SubmitKeyClick()" id="aaa" type="text">
    <input type="hidden" name="FunName"> 〈!--用来存储你要调用的函数 --〉

    在.CS里有:

     1 public Page_OnLoad()
     2 {
     3 if (!Page.IsPost())
     4 {
     5 string strFunName=Request.Form["FunName"]!=null?Request.Form["FunName"]:"";
     6 //根据传回来的值决定调用哪个函数
     7 switch(strFunName)
     8 {
     9 case "enter()":
    10 enter() ; //调用该函数
    11 break;
    12 case "其他":
    13 //调用其他函数
    14 break;
    15 default:
    16 //调用默认函数
    17 break;
    18 }
    19 }
    20 }
    21 
    22 public void enter()
    23 {
    24 //……比如计算某值
    25 }
  • 相关阅读:
    Node Js
    动态遍历接收的参数
    负载均衡和springcloud.Ribbon
    Spring Cloud
    springboot整合hibernate
    python模块知识总结
    什么是netty--通俗易懂
    IDEA 的操作与使用
    spring 整合guava
    log4j向指定文件输出日志
  • 原文地址:https://www.cnblogs.com/daoge/p/4602176.html
Copyright © 2011-2022 走看看