1. 程式人生 > >C#與js的各種互動

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