文章引用：http://blog.xuite.net/johnnyle/worker/19043851 - [AJAX] 使用 PageMethods 從 JavaScript 中直接呼叫 Server 端函數 @ Johnny Worker's Blog 隨意窩 Xuite日誌
=========================================================================
PageMethods：
如果我們在 ScriptManager 中設定 EnablePageMethods 屬性, 而且在 Server 端某個方法上加上 WebMethod 標記,
我們就可以直接從 JavaScript 中把這個 Server 端的方法拿來當做 JavaScript 的函式一樣的使用。
先看看以下的範例:
.aspx
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Test Ajax Page Methods</title>
<script type="text/javascript" language="javascript">
function showMessage() {
var ctl = $get('txt');
PageMethods.convNameToColor(ctl.value, success, null);
}
function success(result, context, method) {
if (method == 'convNameToColor') {
alert(result);
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server"
EnablePageMethods="true"/>
</div>
<asp:TextBox runat="server" ID="txt" />
<asp:Button runat="server" ID="btn" Text="Submit"
OnClientClick="showMessage();" />
</form>
</body>
</html>
.aspx.cs
using System.Drawing;
...
[System.Web.Services.WebMethod]
public static string convNameToColor(string colorName)
{
Color c = Color.FromName(colorName);
if (c.IsKnownColor)
return "#" +
((c.R < 16) ? "0" : "") + Convert.ToString(c.R, 16) +
((c.G < 16) ? "0" : "") + Convert.ToString(c.G, 16) +
((c.B < 16) ? "0" : "") + Convert.ToString(c.B, 16);
else
return null;
}
這個網頁很簡單, 上面只有兩個控制項, 一個 TextBox, 一個 Button。在 TextBox 中輸入一個顏色名稱 (例如 red), 再按下
Button, 就會將顏色名稱透過 convNameToColor 方法轉換成類似 #00ff00 的十六進位 RGB 表示式。這個程式的神奇之處在於這個 convNameToColor 方法其實是在 Server 端以 ASP.NET 撰寫的, 但是你卻可以直接在 JavaScript
中當成一般的函式來呼叫並相互傳值。
透過這種方法, 我們將可建立一道從 JavaScript 通往 Server 的方便之門, 我相信你一定可以由此發展出更豐富的應用。
留言列表
