森老頭的瘋狂世界

使用 PageMethods 呼叫伺服端函式時都必需指定接收結果的 JavaScript 函式，不論是成功或失敗。

但若為每一個 PageMethods 都建立成功或失敗函式，那也是非常恐佈的一件事。
可以利用函式中的參數來達到集中式管理，此參數代表這個回傳值是由那一個伺服端函式所傳回

Web 畫面

伺服端方法(C#)
[System.Web.Services.WebMethod] public static string GetServerDay(string format) { return DateTime.Now.ToString(format); } [System.Web.Services.WebMethod] public static string GetServerTime(string format) { return DateTime.Now.ToString(format); }

JavaScript
<script src="jquery-1.2.6.js" type="text/javascript"></script> <script type="text/javascript"> $(function() { $("#Button1").click(function() { PageMethods.GetServerDay("yyyy/MM/dd", onSuccess, onError); }); $("#Button2").click(function() { PageMethods.GetServerTime("HH:mm:ss", onSuccess, onError); }); }); // 成功時更新文字方塊 function onSuccess(receiveData, userContext, methodName) { if (methodName == "GetServerDay") $("#TextBox1").val(receiveData); else if(methodName == "GetServerTime") $("#TextBox2").val(receiveData); } // 失敗時彈出失敗訊息 function onError(error, userContext, methodName) { if (error != null) alert(error.get_message()); } </script>

[補充]

hatelove 大大問到 JavaScript 的接收函式有一個參數 userContext 有何做用?
我本來也沒去了解，後來研究了一下。

我們在網頁上加上一個 <div id="myDiv" /> HTML 標記
這時候可以這樣用 PageMethod 來呼叫伺服端函式，最後一個參數會去將 Div 標記傳入
PageMethods.GetServerDay("yyyy/MM/dd", onSuccess, onError, myDiv);

在JavaScript 成功或失敗的接收函式就可以使用了
$(userContext).html("<H3>" + receiveData + "</H3>");

另外，你也可以自已決定要傳什麼。(例如字串)
//Send to Server PageMethods.GetServerDay("yyyy/MM/dd", onSuccess, onError, "myDiv"); //Receive Success/Fail Function $get(userContext).innerHTML = "<H3>" + receiveData + "</H3>";