PageMethod是Asp.Net
AJAX的一种更轻松，更快速的方法。通过释放AJAX的功能，我们可以轻松地改善用户体验和Web应用程序的性能。我最喜欢AJAX的东西之一就是PageMethod。
PageMethod是一种可以在Java脚本中公开服务器端页面的方法的方法。这带来了很多机会，我们可以执行许多 *** 作，而无需使用缓慢而烦人的回发。
在这篇文章中，我将展示scriptManager和PageMethod的基本用法。在此示例中，我将创建一个“用户注册”表单，用户可以在其中使用其电子邮件地址和密码进行注册。这是我要开发的页面的标记：
<body> <form id="form1" runat="server"> <div> <fieldset > <asp:Label ID="lblEmailAddress" runat="server" Text="Email Address"></asp:Label> <asp:TextBox ID="txtEmail" runat="server"></asp:TextBox> <asp:Label ID="lblPassword" runat="server" Text="Password"></asp:Label> <asp:TextBox ID="txtPassword" runat="server"></asp:TextBox> </fieldset> <div> </div> <asp:Button ID="btnCreateAccount" runat="server" Text="Signup" /> </div> </form></body></html>
要设置页面方法，首先必须在页面上拖动脚本管理器。
<asp:scriptManager ID="scriptManager1" runat="server" EnablePageMethods="true"></asp:scriptManager>
还要注意，我已经改变了
EnablePageMethods="true"。
这将告诉scriptManager我将要从客户端调用PageMethods。
现在，下一步是创建服务器端功能。
这是我创建的函数，该函数验证用户的输入：
[WebMethod]public static string RegisterUser(string email, string password){ string result = "Congratulations!!! your account has been created."; if (email.Length == 0)//Zero length check { result = "Email Address cannot be blank"; } else if (!email.Contains(".") || !email.Contains("@")) //some other basic checks { result = "Not a valid email address"; } else if (!email.Contains(".") || !email.Contains("@")) //some other basic checks { result = "Not a valid email address"; } else if (password.Length == 0) { result = "Password cannot be blank"; } else if (password.Length < 5) { result = "Password cannot be less than 5 chars"; } return result;}要告诉脚本管理器该方法可通过javascript访问，我们需要确保两件事：
第一：该方法应为“公共静态”。
第二：在上面的代码中编写的方法上方应该有一个[WebMethod]标记。
现在，我创建了创建帐户的服务器端功能。现在我们必须从客户端调用它。这是我们如何从客户端调用该函数的方法：
<script type="text/javascript"> function Signup() { var email = document.getElementById('<%=txtEmail.ClientID %>').value; var password = document.getElementById('<%=txtPassword.ClientID %>').value; PageMethods.RegisterUser(email, password, onSucess, onError); function onSucess(result) { alert(result); } function onError(result) { alert('Cannot process your request at the moment, please try later.'); } }</script>要调用我的服务器端方法“注册用户”，scriptManager会生成一个代理函数，该函数可在PageMethods中使用。
我的服务器端函数有两个参数，即电子邮件和密码，之后，我们还必须提供两个函数名，如果方法成功执行（第一个参数，即onSucess）或方法失败（第二个参数，即结果），则将运行两个函数名。
现在一切似乎都准备就绪，现在我已
onClientClick="Signup();returnfalse;"在“注册”按钮上添加了内容。所以这是我的aspx页面的完整代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title></head><body> <form id="form1" runat="server"> <div> <asp:scriptManager ID="scriptManager1" runat="server" EnablePageMethods="true"> </asp:scriptManager> <fieldset > <asp:Label ID="lblEmailAddress" runat="server" Text="Email Address"></asp:Label> <asp:TextBox ID="txtEmail" runat="server"></asp:TextBox> <asp:Label ID="lblPassword" runat="server" Text="Password"></asp:Label> <asp:TextBox ID="txtPassword" runat="server"></asp:TextBox> </fieldset> <div> </div> <asp:Button ID="btnCreateAccount" runat="server" Text="Signup" onClientClick="Signup();return false;" /> </div> </form></body></html><script type="text/javascript"> function Signup() { var email = document.getElementById('<%=txtEmail.ClientID %>').value; var password = document.getElementById('<%=txtPassword.ClientID %>').value; PageMethods.RegisterUser(email, password, onSucess, onError); function onSucess(result) { alert(result); } function onError(result) { alert('Cannot process your request at the moment, please try later.'); } }</script>欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）