1. 程式人生 > >在.aspx.cs(後臺)中對aspx控制元件繫結前臺Javascript函式的幾種方法

在.aspx.cs(後臺)中對aspx控制元件繫結前臺Javascript函式的幾種方法

最近中途接手了一個專案,做web開發,用的技術是aspx.net,可是真的做起來,覺得非常彆扭,原因在於有很多功能其實在前臺可以處理的,但是因為用到了很多webcontrol,導致不斷postback。如果利用ajax來處理可能會好些。目前只能通過在後臺對這些控制元件繫結前臺的javascript函式來支援前臺的處理函式。在網上找了找,發現了幾種方法可以達到要求:

第一種,感覺用起來最方便

Button1.Attributes.Add("onclick", "return OnBtnClick()"); 
“OnBtnClick() “是一個前臺方法,在此方法中直接在前臺處理資料。可以替換成一般的指令碼

第二種,OnClientClick

<asp:Button ID="Button1" runat="server" Text="Button"  OnClientClick="OnClientClick()" OnClick="Button1_Click"  />
Button1_Click是在cs中(後臺)處理的方法,而OnClientClick() 就是javascript(前臺)的處理函式。

第三種 用ClientScript類動態新增指令碼

    用法如下:在想呼叫某個javascript指令碼函式的地方新增程式碼,注意要保證MyFun已經在指令碼檔案中定義過了。

    ClientScript.RegisterStartupScript(ClientScript.GetType(), "myscript", "<script>MyFun();</script>");

這個方法比Response.Write更方便一些,可以直接呼叫指令碼檔案中的自定義函式。

第四種,ClientScript.RegisterStartupScript
例子:StringBuilder sb = new StringBuilder();
        sb.Append("<script language='javascript'>");
        sb.Append("Button2_onclick('" + serverPath + "')");
        sb.Append("</script>");
        ClientScript.RegisterStartupScript(this.GetType(), "LoadPicScript", sb.ToString());

第五種. 用Response.Write方法寫入指令碼

比如在你單擊按鈕後,先操作資料庫,完了後顯示已經完成,可以在最後想呼叫的地方寫上
Response.Write("<script type='text/javascript'>alert();</script>");

這個方法有個缺陷就是不能呼叫指令碼檔案中的自定義的函式,只能呼叫內部函式,具體呼叫自定義的函式只能在Response.Write寫上函式定義,比如Response.Write("<script type='text/javascript'>function myfun(){...}</script>");

這種方法不斷可以從後臺繫結前臺的方法,還可以從cpp語言環境中繫結前臺的方法