C#与Javascript变量、函数之间的相互调用

原文地址：http://blog.csdn.net/wonsoft/article/details/2595743

C#与Javascript变量、函数之间的相互调用 

一、javascript调用C#代码解决方案

// 第一种情况：

1.后台方法：

1. protected string CsharpVoid(string strCC)
2. {
3. return strCC;
4. }

2.javascript 调用

1. <script language="javascript">
2. <!--
3. var s = "<%=CsharpVoid("www. baidu.com")%>";
4. document.write(s);
5. // -->
6. </script>

// 第二种情况：

1.后代码：

1. protected void CsharpVoid()
2. {
3. string strCC = "www.baidu.com";
4. Response.Write(strCC);
5. }

2.调用方法：CsharpVoid()

1. <script language="javascript">
2. <!--
3. document.write("<%CsharpVoid();%>");
4. // -->
5. </script>

可在页面中放一个按钮,把它设置为不可见style="display:none",然后,用脚本让此按钮点击

1. document.all("button1").click();

在此按钮的C#后台中写事件代码,这就是最简单的脚本调用C#方法.

二、C#与Javascript变量、函数之间的相互调用

问题1：在JavaScript访问C#函数

方法一：

1、首先建立一个按钮，在后台将调用或处理的内容写入button_click中;

2、在前台写一个js函数，内容为

1. document.getElementById("btn1").click();

3、在前台或后台调用js函数，激发click事件，等于访问后台c#函数；

方法二：

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

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

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

1. <script language=javascript>
2. <!--
3. var a = "<%=ss()%>";
4. alert(a);
5. // -->
6. </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','')"/>

ASPX页面有包含asp:LinkButton或者带有AutoPostBack属性且其值为true的服务器控件时，ASP.NET会自动为页面生成下面的脚本：

1. <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
2. <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />

这两个参数分别由隐藏的两个表单域__ EVENTTARGET和__ EVENTARGUMENT保存。 

这两个隐藏的表单可以查找引起页面回送的控件ID和回送时的参数：

1. string target = Request.Params["__EVENTTARGET"];
2. string args = Request.Params["__EVENTARGUMENT"];

asp:Button和asp:ImageButton不是使用__doPostBack回送页面，所以使用这两个控件回送页面时，上面的代码是无效的。

方法四：1、前台：

1. <script language="javascript"><!--
2. function SubmitKeyClick()
3. {
4. if (event.keyCode == 13)
5. {
6. event.cancelBubble = true;
7. event.returnValue = false;
8. document.all.FunName.value="你要调用的函数名"；
9. document.form[0].submit();
10. }
11. }
12. // -->
13. </script>
14. <INPUT onkeypress="SubmitKeyClick()" id="aaa" type="text">
15. <input type="hidden" name="FunName"><!--用来存储你要调用的函数 -->

2、后台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. public void enter()
22. {
23. //……比如计算某值
24. }

问题2：在JavaScript访问C#变量

方法一：

1、通过页面上隐藏域访问

1. <input id="xx" type="hidden" runat="server">

方法二：

1、如后台定义了:

1. public string n;

2、前台js中引用该变量的格式为

1. '<%=n%>'
2. //或
3. "+<%=n%>+"
4. //例：
5. var ss="<%=n%>"

方法三：在服务器端变量赋值后在页面注册一段脚本

1. "<script language='javascript'>var temp=" + tmp + "</script>"

tmp是后台变量，然后js中可以直接访问temp获得值。

问题3：在C#中访问JavaScript的已有变量

方法一：

1、前台使用静态文本控件隐藏域，将js变量值写入其中；

2、后台用request["id"]来获取值；

方法二：

可以用cookie或session问题4：在C#中访问JavaScript函数

方法一：

1. Page.RegisterStartupScript("ggg","<script>SetVisible(1);
2. </script>");

方法二：

1、前台使用Literal类：

1. <asp:Literal ID="Literal1" runat="server"></asp:Literal>

2、后台CS代码：

1. private void Button2_Click(object sender, System.EventArgs e)
2. {
3. string str;
4. str="<mce:script language='javascript'><!--
5. ";
6. str+="selectRange()";
7. str+="
8. // --></mce:script>";
9. //Literal1.Visible=true;
10. Literal1.Text=str;
11. }