C#与js前后台互相调用的实现代码

发布时间:2019-12-06编辑:脚本学堂
本文介绍下,用C#与js结合,实现前台与后台互相调用的一例代码,有需要的朋友,不妨学习参考下。

一、C#前台js调用后台代码
1、前台js
 

复制代码 代码示例:
<script type="text/javascript" language="javascript">
  function Ceshi()
  {
    var a = "<%=Getstr()%>";
    alert(a);
  }
</script>
<input type="button" onclick="Ceshi();" value="js调用后台代码" />

2、后台c#代码
 

复制代码 代码示例:
public string Getstr()
{
  string aa = "脚本学堂-www.jb200.com,欢迎大家的光临!";
  return aa;
}

二、C#后台调用前台js代码
1、前台js
 

复制代码 代码示例:
<script type="text/javascript" language="javascript">
  function Ceshi()
  {
    var a = "脚本学堂-www.jb200.com,欢迎大家的光临!"
    alert(a);
  }
</script>
<asp:Button ID="Button1" runat="server" Text="后台调用js" onclick="Button1_Click" />

2、后台代码
 

复制代码 代码示例:
protected void Button1_Click(object sender, EventArgs e)
{
  //如果有UpdatePanel就用如下代码调用前台js
 ScriptManager.RegisterStartupScript(UpdatePanel1, this.Page.GetType(), "", "Ceshi();", true);
 //如果没有就如下代码
  this.Page.ClientScript.RegisterStartupScript(this.Page.GetType(), "", "<script>Ceshi();</script>", true);
}

附,javascript函数中执行C#代码中函数的多种方法。

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

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

复制代码 代码示例:
public string ss()
{
   return("a");
}

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

复制代码 代码示例:
<script language=javascript>
    var a = "<%=ss()%>";
    alert(a);
</script>

方法三:
1、
 

复制代码 代码示例:
<script language="javascript">
<!- -
   function __doPostBack(eventTarget, eventArgument)
   {
     var theForm = document.Form1;     //指runat=server的form
     theForm.__EVENTTARGET.value = eventTarget;
     theFrom.__EVENTARGUMENT.value = eventArgument;
     theForm.submit();
   }
-->
</script>
<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代码中有:
 

复制代码 代码示例:

public Page_OnLoad()
{
if (!Page.IsPost())
{
string strFunName=Request.Form["FunName"]!=null?Request.Form["FunName"]:"";
//根据传回来的值决定调用哪个函数
switch(strFunName)
{
case "enter()":
enter() ; //调用该函数
break;
case "其他":
//调用其他函数
break;
default:
//调用默认函数
break;
}
}
}

public void enter()
{
//……代码部分,自行添加。
}