C#與js的各種互動
今天遇到一個問題,查到不錯的資料,放上來記錄一下,以防忘記地址,算是我的筆記吧!
很多人都向在伺服器端呼叫客戶端的函式來操作,也就是在asp中呼叫javascript指令碼中已經定義好的指令碼函式。經過研究,發現了一些勉強的方法。
1. 用Response.Write方法寫入指令碼
比如在你單擊按鈕後,先操作資料庫,完了後顯示已經完成,可以在最後想呼叫的地方寫上
Response.Write("<script type='text/javascript'>alert();</script>");
這個方法有個缺陷就是不能呼叫指令碼檔案中的自定義的函式,只能呼叫內部函式,具體呼叫自定義的函式只能在Response.Write寫上函式定義,比如Response.Write("<script type='text/javascript'>function myfun(){...}</script>");
2.用ClientScript類動態新增指令碼
用法如下:在想呼叫某個javascript指令碼函式的地方新增程式碼,注意要保證MyFun已經在指令碼檔案中定義過了。
ClientScript.RegisterStartupScript(ClientScript.GetType(), "myscript", "<script>MyFun();</script>");
這個方法比Response.Write更方便一些,可以直接呼叫指令碼檔案中的自定義函式。
3.普通的新增控制元件的Attributes屬性
對於普通按鈕就是:Button1.Attributes.Add("onclick","MyFun();");
只能在Onload中或類似於onload的初始化過程中新增才有效。而且是先執行指令碼函式,無法改變執行順序。
注意,以上所有方法中,後臺程式碼都不能有轉化當前頁的程式碼,比如Redirect等,要把轉頁程式碼放在腳本里面
問:
1.如何在JavaScript訪問C#函式?
2.如何在JavaScript訪問C#變數?
3.如何在C#中訪問JavaScript的已有變數?
4.如何在C#中訪問JavaScript函式?
問題1答案如下:
javaScript函式中執行C#程式碼中的函式:
方法一:1、首先建立一個按鈕,在後臺將呼叫或處理的內容寫入button_click中;
2、在前臺寫一個js函式,內容為document.getElementByIdx("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="按鈕" >
方法四: <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 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()
{
//……比如計算某值
}
==========================================================
問題2.如何在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獲得值。
3.如何在C#中訪問JavaScript的已有變數?
答案如下:
方法一:1、前臺使用靜態文字控制元件隱藏域,將js變數值寫入其中;
2、後臺用request["id"]來獲取值;
方法二:可以用cookie或session