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.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="按鈕" >

 

 

 

 

方法四： <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