首頁 > 開發者 > JavaScript
.net 與 javascript指令碼的幾種互動方法
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.前台和後台之間函數的調用
<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
//頁面類繼承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="按鈕" 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()
{
//……比如計算某值
}
6.如何在JavaScript訪問C#變數?
方法一：1、通過頁面上隱藏欄位訪問＜input id="xx" type="hidden" runat="server"＞
方法二：1、如後台定義了PUBLIC STRING N; 前台js中引用該變數的格式為'＜%=n%＞'或"+＜%=n%＞+"
方法三：1、或者你可以在伺服器端變數賦值後在頁面註冊一段指令碼
"＜script language='javascript'＞var temp=" + tmp + "＜/script＞"
tmp是後台變數，然後js中可以直接存取temp獲得值。
7.如何在C#中訪問JavaScript函數?
c#代碼中執行javaScript函數：
方法一：1、Page.RegisterStartupScript("ggg","＜script＞SetVisible(1); ＜/script＞");
方法二：使用Literal類，然後
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;
}
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
