程序師世界是廣大編程愛好者互助、分享、學習的平台，程序師世界有你更精彩！
設為首頁 加入收藏
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> C# >> C#入門知識 >> XMLHttpRequest實現無刷新驗證用戶名

XMLHttpRequest實現無刷新驗證用戶名

編輯：C#入門知識

 在用戶注冊時，我們經常需要檢查用戶名是否存在，本文就是實現無刷新驗證用戶名

打開開發環境VS 2005,新建項目(或打開現有項目),新建一個Web窗體,命名為 Default.aspx

代碼如下：

  1. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  3. <html xmlns="http://www.w3.org/1999/xhtml" >  
  4. <head runat="server">  
  5.     <title>無標題頁</title>  
  6.     <script type="text/javascript"><!--  
  7.     var xmlHttp=null;       
  8.          
  9.         function createXMLHttpRequest()  
  10.         {  
  11.             if(xmlHttp == null){  
  12.                 if(window.XMLHttpRequest) {  
  13.                     //Mozilla 浏覽器  
  14.                     xmlHttp = new XMLHttpRequest();  
  15.                 }else if(window.ActiveXObject) {  
  16.                     // IE浏覽器  
  17.                     try {  
  18.                         xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");  
  19.                     } catch (e) {  
  20.                         try {  
  21.                             xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");  
  22.                         } catch (e) {  
  23.                             //alert('創建失敗');  
  24.                         }  
  25.                     }  
  26.                 }  
  27.             }  
  28.         }  
  29.         function openAjax()  
  30.         {    
  31.             if( xmlHttp == null)  
  32.             {                 
  33.                 createXMLHttpRequest();   
  34.                 if( xmlHttp == null)  
  35.                 {  
  36.                     //alert('出錯');  
  37.                     return ;  
  38.                 }  
  39.             }                         
  40.              
  41.             var val=document.getElementById('txt').value;             
  42.                           
  43.             xmlHttp.open("get","VerifyUserNameHandler.ashx?para="+val+"&date="+new Date(),true);              
  44.             xmlHttp.onreadystatechange=xmlHttpChange;  
  45.             xmlHttp.send(null);  
  46.              
  47.             document.getElementById('resultSpan').innerHTML='正在檢查,請稍候...';  
  48.         }  
  49.          
  50.         function xmlHttpChange()  
  51.         {          
  52.             if(xmlHttp.readyState==4)  
  53.             {                              
  54.                 if(xmlHttp.status==200)  
  55.                 {           
  56.                     var res=xmlHttp.responseText;                           
  57.                     document.getElementById('resultSpan').innerHTML=res;  
  58.                      
  59.                     if(res=='恭喜，用戶名可以使用。')  
  60.                     {  
  61.                         setTimeout("document.getElementById('resultSpan').innerHTML='';",2000);  
  62.                     }  
  63.                     else if(res=='抱歉，用戶名已被使用。')  
  64.                     {  
  65.                         document.getElementById('txt').focus();  
  66.                     }  
  67.                 }  
  68.             }  
  69.         }        
  70. // --></script>  
  71. </head>  
  72. <body>  
  73.     <form id="form1" runat="server">         
  74.     用戶名:<input type="text" id='txt' value="Sandy" onblur="openAjax();" />  <span id="resultSpan"></span>  
  75.     </form>  
  76. </body>  
  77. </html>  

 

然後新建一個一般處理程序，命名為 VerifyUserNameHandler.ashx

代碼如下：

  1. <%@ WebHandler Language="C#" Class="VerifyUserNameHandler" %>  
  2. using System;  
  3. using System.Web;  
  4. using System.Collections;  
  5. using System.Collections.Generic;  
  6. public class VerifyUserNameHandler : IHttpHandler {  
  7.      
  8.     public void ProcessRequest (HttpContext context) {  
  9.         //context.Response.ContentType = "text/plain";  
  10.         string _name = context.Request.QueryString["para"];  
  11.         _name = string.IsNullOrEmpty(_name) ? "" : _name;             
  12.         System.Threading.Thread.Sleep(3000);//用線程來模擬數據庫查詢工作  
  13.         string[] Names = new string[] { "Sandy", "阿非", "abc" };//這裡用Names數組來代替數據庫中的結果集  
  14.         if (Array.IndexOf<string>(Names, _name) == -1)  
  15.         {  
  16.             context.Response.Write("恭喜，用戶名可以使用。");  
  17.         }  
  18.         else  
  19.         {  
  20.             context.Response.Write("抱歉，用戶名已被使用。");  
  21.         }  
  22.     }  
  23.    
  24.     public bool IsReusable {  
  25.         get {  
  26.             return false;  
  27.         }  
  28.     }  
  29. }  

 

到這裡程序已經完成。

主要是利用了XMLHttpRequest對象采用異步的方式去訪問服務器，獲得響應後觸發定義好的回調函數

本文是XMLHttpRequest對象異步方式對服務器發送Get方式的請求，訪問服務器的文件為.ashx

  1. 上一頁:
  2. 下一頁:
C#入門知識
C#把文字轉換成聲音，

C#把文字轉換成聲音，在System.Speech命名空間下
&lt;C#&gt;找出數組中重復次數最多的數值，

<C#>找出數組中重復次數最多的數值，給定一個i
C# Singleton 如何實現多線程多實例，每個線程中有且只有一個實例。

以前項目中使用的單例一直是用的最簡單的C#寫法，是Th
SharpGL學習筆記(六) 裁剪變換，sharpgl學習筆記

SharpGL學習筆記(六) 裁剪變換，sharpgl學習筆
C# 反射機制以及方法，

C# 反射機制以及方法，  目錄： 一. 反射的主
GPS定位，經緯度附近地點查詢–C#實現方法

數據庫中記錄了商家在百度標注的經緯度（如：116.412
相關文章
閱讀排行榜
【Unity】2.3 項目浏覽器和資源的組織，unity2.3 C#關於類抽象類和接口之間的關系（Abstract）(Interface) asp.net JavaScriptSerializer實現序列化和反序列化 SQLHelper，sqlhelper類 總體了解C#（24. 受控執行環境） C# 查詢一個值方法ExecuteScalar() 講講Linq to SQL映射（基礎篇） C#中Object的深拷貝 C#利用GDI+繪制旋轉文字等效果， 優酷真實視頻地址解析，視頻解析 csharp: string Encoding，csharpencoding
熱門圖文
php取得字符串首字母的方法 Git介紹 深入理解JAVA多態原理，深入理解java多態 PHP數組排序函數使用方法 ZendCache 使你的站點飛起來 html5-如何用HTML和CSS編寫一個導航下拉菜單，要鼠標經過顯示 從當前的浏覽器取得當前URL PHP中的輸出控制方法
欄目導航
C#基礎知識C#入門知識關於C#
Copyright © 程式師世界 All Rights Reserved