.net 与 javascript脚本的几种交互方法

最新推荐文章于 2020-06-01 15:00:52 发布

iteye_20683

最新推荐文章于 2020-06-01 15:00:52 发布

阅读量164

点赞数

文章标签： javascript c# ui ViewUI

1.asp.net呼叫js

　　Response.Write("<script language=javascript>");

　　Response.Write("alert('登峰欢迎您 ');" );

　　Response.Write("location.href='login.aspx';") ;

　　Response.Write("</script>") ;

　　在这里情况下,你可以调用页面中的JS脚本的函数都可以

2、js脚本如何访问服务器控件的值

　　界面上有一个TextBox控件，ID为Name，js里可以采用如下脚本取Name的值

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

3、服务器控件如何取js中变量的值

　　方法是在界面上放一个隐藏的控件HtmlInputHidden，然后设置为以服务器控件运行，这样在js脚本中和ASP.NET代码里都可以访问到该控件的值

　　js中给服务器控件赋值：

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

　　bt.value='名称';

　　ASP.NET中使用Name.Value来访问。

4.前台和后台之间函数的调用

　　<title>Untitled Page</title>

　　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

　　//页面类继承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

　　}

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

　　方法一：

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

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

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

　　方法二：

1、函数声明为public

　　后台代码(把public改成protected也可以)

　　public string ss()

　　{

　　return("a");

　　}

　　2、在html里用＜%=fucntion()%＞可以调用

　　前台脚本

　　＜script language=javascript＞

　　var a = "＜%=ss()%＞";

　　alert(a);

　　＜/script＞

　　方法三：

1、＜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="按钮" οnclick="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 οnkeypress="SubmitKeyClick()" id="aaa" type="text"＞

　　＜input type="hidden" name="FunName"＞〈！--用来存储你要调用的函数 --〉