[原创] 也谈ajax无刷新回调判断用户名是否存在。

头几天飞你大哥发了一篇用的ajax.net回调判断的用户名是否存在，而我不喜欢用ajax.net的框架而喜欢用最底层的js+xmlhttp对象来处理异步数据，因为我觉得这样是最灵活的。

好了，费话不多说现在开始吧：

先给出一个js的ajax.js引用文件代码。

//  JavaScript Document 
    // function HTTRequest() 
   HTTPRequest = function () { 
           var xmlhttp=null; 
           try{    
             xmlhttp=new ActiveXObject('MSXML2.XMLHTTP.4.0');    
           }catch(e){    
                   try{    
                             xmlhttp=new ActiveXObject('MSXML2.XMLHTTP.3.0');    
                     }catch(e){    
                             try{    
                                     xmlhttp=new ActiveXObject('MSXML2.XMLHTTP.2.6');    
                             }catch(e){    
                                     try{    
                                             xmlhttp=new ActiveXObject('MSXML2.XMLHTTP');    
                                     }catch(e){    
                                             try{    
                                                    xmlhttp=new ActiveXObject('Microsoft.XMLHTTP');    
                                             }catch(e){ 
                                                   try{ 
                                                           xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
                                                   }catch (E){} 
                                           } 
                                   } 
                           } 
                   } 
           } 
           if(!xmlhttp && typeof XMLHttpRequest!='undefined'){ 
                   try{ 
                           xmlhttp=new XMLHttpRequest(); 
                   }catch(e){ 
                           xmlhttp=false; 
                   } 
           } 
   return xmlhttp; 
   }  

在aspx页面上用 CustomValidator 验证控件来完成进行回调判断。

< asp:TextBox  ID ="memberName"  runat ="server"  Width ="174px"  MaxLength ="12" ></ asp:TextBox >
                             < asp:RegularExpressionValidator  ID ="nameREV"  runat ="server"  ControlToValidate ="memberName"  ErrorMessage ="用户名必须为6-12位"  EnableClientScript ="true"  ValidationExpression ="\w{6,12}"  Display ="Dynamic"  ValidationGroup ="reg" ></ asp:RegularExpressionValidator >< asp:RequiredFieldValidator  ID ="nameRFV"  runat ="server"  EnableClientScript ="true"  ControlToValidate ="memberName"  ErrorMessage ="用户名不能为空"  Display ="Dynamic"  ValidationGroup ="reg" ></ asp:RequiredFieldValidator >< asp:CustomValidator  ID ="cv"  runat ="server"  Display ="Dynamic"  ControlToValidate ="memberName"  ValidationGroup ="reg"  SetFocusOnError ="true"  ErrorMessage ="用户名已存在"  ClientValidationFunction ="checkMember" ></ asp:CustomValidator >

在这里CustomValidator 控件有一个ClientValidationFunction为客户端验证方法。对应的checkMember就是验证函数的函数名。代码如下：

function  checkMember(sender,args) 
        { 
           var memberName=form1.memberName.value; 
           var xmlhttp; 
           var url="callBack/callMemberName.aspx?memberName="+memberName 
           xmlhttp=new HTTPRequest; 
           xmlhttp.onreadystatechange=function(){checkBack(xmlhttp,args);}; 
           xmlhttp.open("GET",url,false); 
           xmlhttp.setRequestHeader("CONTENT-TYPE","application/x-www-form-urlencoded"); 
           xmlhttp.send(null); 
           return false; 
       }  
        function  checkBack(xmlhttp,args) 
        { 
           args.IsValid=false; 
            
           if (xmlhttp.readyState==4){ 
               if(xmlhttp.responseText=="1") 
               { 
                   args.IsValid=true; 
               } 
           } 
       }  

这断代码的向callBack/callMemberName.aspx页面发送了一个请求，如果页面请求返回的是  1 那么就验证通过。如果不为1就表示用户名已经存在。
callBack/callMemberName.aspx负责处理用户是否存在的服务器端信息。

好了，就这么多了，希望和大家一起交流共同提高。
http://www.codes63.net/showtopic-1054.aspx