ASP.NET與JS互動
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;
}