Ajax 怎么实现异步刷新

[yujiayou]

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

[hch126163]

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

[genguyige]

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行就行

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

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

[lihongjun0315]

网上多的是！

[hoojo]

去电驴下~~~~~~

[岳丰源]

去Baidu或者GOOGLE搜。。。

[krqw]

就这么简单

[zhengb302]

網上多了去了。

[shangqiuzuidong]

[Quote=引用 2 楼 genguyige 的回复:]

JScript code

var xmlHttpReq;
function createXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttpReq = new ActiveXObject("MSXML2.XMLHTTP.3.0");
}else{
x……
[/Quote]
顶上去

[zousir18]

[Quote=引用 7 楼 ibm_hoojo 的回复:]

CSS code
嚓嚓嚓....
[/Quote]
咔嚓咔嚓咔嚓