原生的javascript实现ajax技术

  
    
    
    
   
   
	
   
   
	
   
   
	
   
       
	
   
   
	
   
   
	
	
   
   
  
  
  
    
   
   

    	
    
    

     
     
	    	username:
     
     
	    	
     
     
     
     

	    	password:
     
     
     
     

	    	
     
     
    	
    
    
    
   
   
    <script type="text/javascript">
		function getAjax(){
			var ajax=null;
			if(window.XMLHttpRequest){
				ajax=new XMLHttpRequest();
			}else{//这里是为了支持IE5，6，7如果不需要可以去掉
				ajax=new ActionXObject("Microsoft.XMLHTTP");
			}
			return ajax;
		}
		function check_username(){
			var username=document.getElementById('username').value;
			var ajax=getAjax();//获得ajax传输对象
			//为了解决缓存的问题，在数据传输时键入系统时间，也可以采用post的方式来解决缓存，最后的true代表异步传输
			ajax.open('get','check_username.do?username='+username+'&time='+new Date().getTime(),true);//连接服务器
			ajax.send();//发送数据
			ajax.onreadystatechange=function(){//处理服务器的返回值
				var username_msg=document.getElementById('username_msg');
				if(ajax.readyState==4){//接受到返回值
					if(ajax.status==200){//请求成功
						var txt=ajax.responseText;//返回值存在responseText中
						username_msg.innerHTML=txt;
					}else{
						username_msg.innerHTML='系统错误，请稍候再试';
					}
				}else{
					username_msg.innerHTML='正在验证';
				}
			}	
		}
		function check_username(){
			var username=document.getElementById('username').value;
			var ajax=getAjax();
			ajax.open('post','check_username.do',true);
			
            ajax.setRequestHeader("Content-Type",
                "application/x-www-form-urlencoded");//使用post的方式要发送消息头
            ajax.send('check_username.do?username='+username);//要手动发送数据
			ajax.onreadystatechange=function(){
				var username_msg=document.getElementById('username_msg');
				if(ajax.readyState==4){
					if(ajax.status==200){
						var txt=ajax.responseText;
						username_msg.innerHTML=txt;
					}else{
						username_msg.innerHTML='系统错误，请稍候再试';
					}
				}else{
					username_msg.innerHTML='正在验证';
				}
			}	
		}

		
    </script>