当前位置：首页 > 资讯 > 技术文档

.net与javascript脚本的交互方法总结

时间：2021-10-23 09:23 编辑：来源：阅读：
扫一扫，手机访问

摘要：.net与javascript脚本的交互方法总结

本文实例总结了.net与javascript脚本的交互方法，分享给大家供大家参考。具体方法如下： [b]1.asp.net呼叫js[/b]

[url=login.aspx] Response.Write("</script>") ;

在这里情况下,你可以调用页面中的JS脚本的函数都可以 [b]2、js脚本如何访问服务器控件的值[/b] 界面上有一个TextBox控件，ID为Name，js里可以采用如下脚本取Name的值

[u]复制代码[/u][/url] 代码如下:

var myvalue=document.all('Name').value;

[b]3、服务器控件如何取js中变量的值 [/b]方法是在界面上放一个隐藏的控件HtmlInputHidden，然后设置为以服务器控件运行，这样在js脚本中和ASP.NET代码里都可以访问到该控件的值 js中给服务器控件赋值：

[u]复制代码[/u] 代码如下:

var bt＝document.all('Name').value;

bt.value='名称';

ASP.NET中使用Name.Value来访问。 [b]4.前台和后台之间函数的调用 [/b]

[u]复制代码[/u] 代码如下:

<head runat="server">

<title>Untitled Page</title>

<script type="text/javascript">

function callServer(arg){

var oTb = document.getElementById('<%=editValue.ClientID %>');

// arg中是传给服务器的变量

arg = oTb.value;

<%=ClientScript.GetCallbackEventReference(this, "arg", "receiveServerResult", null, true)%>

}

function receiveServerResult(result){

// 在这里添加处理服务器返回结果的逻辑，result变量是服务器返回的结果

alert(result);

}

</script>

...//此处省略部分代码

<asp:TextBox ID="editValue" runat="server" />

<asp:Button ID="btnSubmit" runat="server" Text="Submit Data" OnClientClick="callServer();return false;" />

</head>

CS文件： C# code

[u]复制代码[/u] 代码如下:

//页面类继承ICallbackEventHandler接口，并实现其中的两个方法

public partial class _Default : System.Web.UI.Page , ICallbackEventHandler

{

private string m_strResult = "";

#region ICallbackEventHandler Members

public string GetCallbackResult()

{

// 返回服务器端处理结果给receiveServerResult方法

return m_strResult;

}

public void RaiseCallbackEvent(string eventArgument)

{

// eventArgument是客户端传来的变量，对应arg变量

// 在这里添加服务器端处理逻辑...

m_strResult = eventArgument;

}

#endregion

}

[b]5.javaScript函数中执行C#代码中的函数： [/b] 方法一： ①、首先建立一个按钮，在后台将调用或处理的内容写入button_click中; ②、在前台写一个js函数，内容为

[u]复制代码[/u] 代码如下:

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

③、在前台或后台调用js函数，激发click事件，等于访问后台c#函数；方法二： ①、函数声明为public 后台代码(把public改成protected也可以)

[u]复制代码[/u] 代码如下:

public string ss()

{

return("a");

}

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

[u]复制代码[/u] 代码如下:

<script language=javascript>

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

alert(a);

</script>

方法三： ①、

[u]复制代码[/u] 代码如下:

<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','')">

方法四：

[u]复制代码[/u] 代码如下:

<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里有：

[u]复制代码[/u] 代码如下:

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

{

//……比如计算某值

}

[b]6.在JavaScript访问C#变量[/b] 方法一：通过页面上隐藏域访问

[u]复制代码[/u] 代码如下:

方法二：如后台定义了PUBLIC STRING N; 前台js中引用该变量的格式为'<%=n%>'或"+<%=n%>+" 方法三：或者你可以在服务器端变量赋值后在页面注册一段脚本 "<script language='javascript'>var temp=" + tmp + "</script>" tmp是后台变量，然后js中可以直接访问temp获得值。 [b]7.在C#中访问JavaScript函数[/b] c#代码中执行javaScript函数：方法一：

[u]复制代码[/u] 代码如下:

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

方法二：使用Literal类，然后

[u]复制代码[/u] 代码如下:

private void Button2_Click(object sender, System.EventArgs e)

{

string str;

str="<script language='javascript'>";

str+="selectRange()";

str+="</script>";

//Literal1.Visible=true;

Literal1.Text=str;

}

希望本文所述对大家的C#程序设计有所帮助。

全部评论(0)

上一篇：unity实现摄像头跟随
下一篇：asp.net Server.MapPath方法注意事项第1/2页

资讯排行榜
更多>>