ASP.NET AJAX無刷新驗證用戶名

  極其簡單,自行擴展
  HTML代碼
  <%@ Page Language=」C#」 AutoEventWireup=」true」 CodeFile=」Default.aspx.cs」 Inherits=」_Default」 %>
  <!DOCTYPE html PUBLIC 「-//W3C//DTD XHTML 1.1//EN」 「http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd「>
  <html xmlns=」http://www.w3.org/1999/xhtml「>
  <head runat=」server」>
   <title>Untitled Page</title>
   <script type=」text/javascript」>
   function GetUser()
  {
   requestSimpleService = WebServiceSample.GetUser(document.getElementById(』UserName』).value, OnRequestComplete);
   return false;
  }
  //顯示提示信息
  function OnRequestComplete(result)
  {
   if(result == 『true』)
   {
   document.getElementById(』Message』).innerHTML = 『提示:用戶名已被注冊.』;
   document.getElementById(』PostButton』).disabled = 『disabled』;
   }
   else
   {
   document.getElementById(』Message』).innerHTML = 『提示:用戶名可以使用.』;
   document.getElementById(』PostButton』).disabled = 」;
   }
  }
   </script>
  </head>
  <body>
   <form id=」form1″ runat=」server」>
   <asp:ScriptManager ID=」ScriptManager1″ runat=」server」>
   <Services>
   <asp:ServiceReference Path=」WebServiceSample.asmx」 />
   </Services>
   </asp:ScriptManager>
   <input id=」UserName」 type=」text」 onblur=」return GetUser()」 />
  <input id=」PostButton」 type=」button」 value=」注 冊」 disabled=」disabled」 /><br />
   <div id=」Message」></div>
   </form>
  </body>
  </html>
  WebService代碼
  using System;
  using System.Web;
  using System.Collections;
  using System.Web.Services;
  using System.Web.Services.Protocols;
  using System.Web.Script.Services;
  /// <summary>
  /// WebServiceSample 的摘要說明
  /// </summary>
  [WebService(Namespace = "http://tempuri.org/")]
  [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
  [ScriptService]
  public class WebServiceSample : System.Web.Services.WebService
  {
   public WebServiceSample () {
   //如果使用設計的組件,請取消注釋以下行
   //InitializeComponent();
   }
   [WebMethod]
   public string GetUser(string strUser)
   {
   string strMessage = null;
   if (strUser == 「ADMIN」)
   {
   strMessage = 「true」;
   }
   else
   {
   strMessage = 「false」;
   }
   return strMessage;
   }
  }