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. }
C#与Javascript变量、函数之间的相互调用
上一篇:iframe框架加载完成后执行函数


下一篇:ganglia分布式监控部署