JavaScript与ASP.NET(C#)互相调用的四种核心方法

ASP.NET页面地址获取与基础调用

获取ASPX页面客户端请求地址的方法如下：

 
<a src= 'http://<%=Request.Url.Host %><%= ResolveUrl("../PayCenter/AlipayAdd.aspx")%>'>地址</a>

二、在C#后端代码中调用前端JavaScript方法：注意，若需操作父窗体，需使用top.window.document；若MainFrame对象位于当前窗体，则无需添加top.window.document前缀。

前端JavaScript定义的方法如下：

 
function navurl(url) {
$("#mainFrame",top.window.document).attr("src", url);
} 

三、C#后端调用上述JS方法的实现：

 
string navUrl = "javascript:navurl('" + "http://" + Request.Url.Host + ResolveUrl("../Document/callIndex.aspx?FolderId=");
DocName.NavigateUrl = navUrl + txtDocId.Value.Trim() + "')";

四、C#后端调用前端JS方法的另一种方式：

 
page.ClientScript.RegisterStartupScript(page.GetType(), "message", "<script language='javascript'>alert('" + msg.ToString() + "');</script>");

JavaScript与C#互相调用的四大核心问题

接下来解决以下四个核心问题：

一、如何在JavaScript中调用C#函数？

二、如何在JavaScript中访问C#变量？

三、如何在C#代码中访问JavaScript已有的变量？

四、如何在C#代码中调用JavaScript函数？

JavaScript调用C#函数的四种方案

问题一的解决方案如下：

通过JavaScript函数执行C#后台代码中的方法：

方案一：

1、首先创建一个按钮控件，将需要调用或处理的逻辑写入后台的button_click事件中；

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

3、在前台或后台调用该JS函数以触发click事件，从而等同于访问后台的C#函数；

方案二：

1、将C#函数声明为public

后台代码（将public改为protected亦可）

public string ss()

return("a");

2、在HTML中通过以下方式调用前台脚本

<script language=javascript>

var a = "<%=ss()%>";

alert(a);

</script>

方案三：

<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()

//……比如计算某值

JavaScript访问C#变量的方法

问题二：如何在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获得值。

C#访问JavaScript变量与函数的实现

问题三：如何在C#中访问JavaScript的已有变量？

解决方案如下：

方案一：1、前台使用静态文本控件隐藏域，将js变量值写入其中;2、后台用request["id"]来获取值;

方案二：可以使用cookie或session

问题四：如何在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;