[C#][ASP.NET]如何使用Client Script呼叫Server Function

前幾天剛好有相關需求，自己打算使用ajax PageMethods來實現，這裡記錄備忘一下。

.aspx

TextBox:輸入使用者名稱

Label:顯示歡迎訊息

ScriptManager請設定EnablePageMethods="true"(asp.net ajax和ScriptManager是很親密的..XD)

Client Script(使用PageMethods呼叫Server Function時都要指定接收結果的JavaScript function)

               <script type="text/javascript">

           function CallServer(srcid,destid) {

             //取得來源控制項 Value

           var value = $("#" + srcid).val(); 

            //呼叫Server Function   

            PageMethods.Wellcome(value, OnSuccess, OnFailure, destid);

         }

          function OnSuccess(result, destid) {

             //成功時，目地控制項顯示所接收結果

               $("#" + destid).text(result);

             }

           function OnFailure(error, destid) {

             if (error != null) {

          alert(error.get_message()); 

               }    

               } 

         </script>

.aspx.cs

          [WebMethod]

                public static string Wellcome(string name)

              {

          if( string.IsNullOrEmpty( name ) )

            return string.Empty;

         else

             return "歡迎 " + name +" 參觀";

         }        

 記得要宣告成public static並加上[WebMethod]修飾詞。

           protected void Page_Load( object sender, EventArgs e )

            {

           if( !IsPostBack )

               {

           //當textbpx失去焦點時執行client script(callserver function)

              TextBox1.Attributes.Add( "onblur", "CallServer('" + TextBox1.ClientID + "','" + Label1.ClientID + "')" );            

               }

          }   

註冊client function到TextBox1的onblur事件上。

結果:

輸入姓名。

textbox失去焦點時，顯示歡迎訊息。