前台js调用后台C#代码

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

C#后台调用前台js代码

HTML
1
2
3
4
5
6
7
8
<script type="text/javascript" language="javascript">
  function Ceshi()
  {
    var a = "Hello Word!"
    alert(a);
  }
</script>
<asp:Button ID="Button1" runat="server" Text="后台调用js" onclick="Button1_Click" />
C#
1
2
3
4
5
6
7
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#代码中的函数

方法一

JavaScript
1
2
3
4
5
// 1.添加一个服务器button控件(可通过css隐藏),将响应写入点击事件中
// 2.通过js的触发button的click事件,效果相当于调用后台方法
document.getElementByIdx("btn1").click();
// 母版页
document.getElementById("<%=txtName.ClientID%>");

方法二

C#
1
2
3
4
5
// 可以把public改成protected
public string ss()
{
return "a";
}
Jquery
1
2
3
// 在html里用<%=fucntion()%>可以调用前台脚本
var a = "<%=ss()%>";
alert(a);

方法三

HTML
1
2
3
4
5
6
7
8
9
10
<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','')">

方法四

HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<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"> 〈!--用来存储你要调用的函数 --〉
C#
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
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()
{
//……比如计算某值
}