script type="text/javascript">

    //1. 创建对象
    function  ajaxFunction(){
       var xmlHttp;
       try{ // Firefox, Opera 8.0+, Safari
            xmlHttp=new XMLHttpRequest();
        }
        catch (e){
           try{// Internet Explorer
                 xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
              }
            catch (e){
              try{
                 xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
              }
              catch (e){}
              }
        }
    
        return xmlHttp;
     }

    function checkUserName() {
        
        //获取输入框的值 document 整个网页
        var name = document.getElementById("name").value; -------------------------------------这是讲输入中的数据拿到
        //1. 创建对象
        var request = ajaxFunction();
        
        //2. 发送请求
        request.open("POST"  ,"/day16/CheckUserNameServlet" , true );
        
        //注册状态改变监听，获取服务器传送过来的数据
        request.onreadystatechange = function(){
            
            if(request.readyState == 4 && request.status == 200){
                //alert(request.responseText);
                var data = request.responseText;
                if(data == 1){
                    //alert("用户名已存在");
                    document.getElementById("span01").innerHTML = "<font color='red'>用户名已存在!</font>";-将数据返回给文本
                }else{
                    document.getElementById("span01").innerHTML = "<font color='green'>用户名可用!</font>";
                    //alert("用户名未存在");
                }
            }
            
        }
        
        request.setRequestHeader("Content-type","application/x-www-form-urlencoded");
        request.send("name="+name);---------------------------------------------------------------这里是将页面的数据送到servlet中进行处理
    }
    
</script>