+ -
当前位置:首页 → 问答吧 → Ajax 怎么实现异步刷新

Ajax 怎么实现异步刷新

时间:2010-12-05

来源:互联网

如题 有实例最好(怎么和数据库连接操作也可以)
邮箱:[email protected]

作者: yujiayou   发布时间: 2010-12-05

网上很多例子!搜索ajax 就可以

作者: hch126163   发布时间: 2010-12-05

JScript code

var xmlHttpReq;  
function createXMLHttpRequest(){  
       if(window.ActiveXObject){  
            xmlHttpReq = new ActiveXObject("MSXML2.XMLHTTP.3.0");  
       }else{  
           xmlHttpReq = new XMLHttpRequest();  
       }  
}  

//检查用户名
 function checkName(){ 
       var username=form.username.value;
       var reg=/^[a-zA-Z][a-zA-Z0-9_]{4,15}$/;
       if(username=="")
      {
           document.getElementById("alertName").innerHTML="<font color=red>用户名不为空</font>";
           return false;
       }
       else if(!reg.test(username))
       {
            document.getElementById("alertName").innerHTML="<font color=red>用户名格式不正确</font>";
            return false;
       }
      else {
       createXMLHttpRequest();  
         
      
       var url="ajax/check?username="+username;  
       
       xmlHttpReq.open("GET",url,true); 
       
       xmlHttpReq.onreadystatechange = showResult;  
       
       
      
       xmlHttpReq.send(null);  
       return true;
  }  
  }
           
        
        
 
 function showResult(){  
      if(xmlHttpReq.readyState == 4){  
             if(xmlHttpReq.status == 200){  
                     
                   var result = xmlHttpReq.responseText;
                   var result1= result.replace(/^\s*|\s*$/g,"");
                   if(result1=="true")
                   {
                         document.getElementById("alertName").innerHTML="<font color=red>* 对不起该用户名已经被使用请重新填写</font>"; 
                     return  false;
                     }
                         else if(result1=="false")
                         {
                             document.getElementById("alertName").innerHTML="<font color=red>恭喜你改用户名可以使用</font>";
                             return true;
                         } 
              }  
      }  
}



主要的js代码 当然 如果你会用jquery的话 那么只需要大概8行就行  
HTML code

<input name="username" type="text" size="40" onblur="checkName()" onclick="recoverName()"/>



主要的检查操作是在var url="ajax/check?username="+username; 里面运行的 这个里面有与数据库的交互


作者: genguyige   发布时间: 2010-12-05

热门下载

更多