JS调用后台方法

最近群里有人在JS调用后台方法上面碰了壁，所以，我整理了一些在网上收集到的JS调用后台方法的案例，仅供大家参考。

每个方法我都会亲自验证，最后写上自己的一些看法，欢迎大家给予评论。

__________________________________________________________________________

 

       1.如何在JavaScript访问C#函数?

　　2.如何在JavaScript访问C#变量?

　　3.如何在C#中访问JavaScript的已有变量?

　　4.如何在C#中访问JavaScript函数?

　　问题1答案如下：

　　javaScript函数中执行C#代码中的函数：

　　方法一：

       1、首先建立一个按钮,比如命名为btnDemo，在后台将调用或处理的内容写入btnDemo_Click中;
//这是按钮HTML代码。<asp:Button ID="btnDemo" runat="server" Text="" onclick="btnDemo_Click" />//后台方法。 protected void btnDemo_Click(object sender, EventArgs e) { Response.Write("前台JS调用后台方法成功。"); }  

　　 2、在前台写一个js函数，内容为document.getElementById("btnDemo").click();

function demoClick() { document.getElementById("btnDemo").click(); }

　　 3、在前台或后台调用js函数，激发click事件，等于访问后台c#函数;
      触发click事件的方法，根据个人需要不同，我就不编写了。直接调用demoClick()方法就行。

第一种方法,有一个弊端，就是btnDemo不能直接在标签内设置Visible="false",不过，我们可以把给按钮设置style="display:none" ,一样能实现按钮的隐藏，达到最佳效果。嘿嘿。

　　方法二：1、函数声明为public

　　后台代码(把public改成protected也可以)
public string demo2() 　　{ 　　return("后台方法调用成功"); 　　}//带参数的处理方法public string demo3(string demo){ return demo;}
　　2、在html里用可以调用
　　前台脚本
 // 不带参数 function demoClick2() { var a = "<%=ss()%>"; alert(a); }//带参数 function demoClick3() { var v = "调用成功"; var s = '<%=demo3("' + v + '") %>'; alert(s); }

有朋友就在问，上面应该说是最简单的调用后台方法的办法，可是为什么都是有返回值的，我要的是没有返回值的方法。其实很简单。代码如下：

//后台： public void demo4() { Response.Write("demo4调用成功"); }//前台： function demoClick4() { document.write("<%demo4();%>"); }

　　方法三：

<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()
　　{
　　//……比如计算某值
　　}

　　问题2.如何在JavaScript访问C#变量?

　　答案如下：

　　方法一：1、通过页面上隐藏域访问  <input id="xx" type="hidden" runat="server">

 
　　方法二：1、如后台定义了PUBLIC STRING N; 前台js中引用该变量的格式为''或"++"

　　方法三：1、或者你可以在服务器端变量赋值后在页面注册一段脚本
"<script language='javascript'>var temp=" + tmp + "</script>"
　　tmp是后台变量，然后js中可以直接访问temp获得值。

　　问题3.如何在C#中访问JavaScript的已有变量?

　　答案如下：

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

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

　　方法二：可以用cookie或session

　　问题4.如何在C#中访问JavaScript函数?

　　答案如下：

　　c#代码中执行javaScript函数：

　　方法一：1、

Page.RegisterStartupScript("ggg"," ");
　　方法二：使用Literal类，然后

private void Button2_Click(object sender, System.EventArgs e)
　　{
　　string str;
　　str=" ";
　　//Literal1.Visible=true;
　　Literal1.Text=str;
　　}
另外，前台/后台的函数不能互相直接调用的。页面的执行顺序是先执行Server端代码生成页面，然后被Browser下载装入后执行浏览器脚本语言后显示出来。

浏览器的脚本语言触发页面更新的方法，服务器收到以后调用相应的服务器端代码进行更新页面的操作。所以Server端的函数不能直接调用Browser端的函数，反之亦然。

只能采用间接的调用，即后台做页面的时候可以把前台的脚本语言的函数/命令行写入到页面里去，等到页面被Browser调用的时候去由Browser去执行那段脚本代码。而Browser端的脚本语言可以通过对页面的刷新来实现对后台函数的调用。