AJAX俩种实现方式JQUERY 和JS

    <script type="text/javascript">
        //登录按钮异步提交
    $('#bt-login').click(function(){
     $.ajax({
         "url":"${pageContext.request.contextPath}/user/Login.do",
         "data":"username="+$("#username").val()+
         "&password="+$("#password").val(),
         "type":"POST",
         "dataType":"json",
         "success":function(obj){
             //自动登录复选框
             Save();
             //alert(obj.state+""+obj.message);
             location.href="${pageContext.request.contextPath}/main/showIndex.do"
         }
         
     })
    });
    
</script>
    
    
    
    
    
    <script type="text/javascript">
    //定义返回xhr的对象的函数
    function getXHR(){
        var xhr;
        //判读是否识别XMLHttpRequest属性
        if(window.XMLHttpRequest){
            xhr = new XMLHttpRequest();
        }else{
            xhr = new ActiveXObject("Microsoft.XMLHttp");
        }
        return xhr;
    }
    //文本框失去焦点的处理函数
    function checkNameFun(){
        //1.创建xhr对象
        var xhr = getXHR();
        //2.回调函数定义
        xhr.onreadystatechange=function(){
            if(xhr.readyState==4&&xhr.status==200){
                //alert(xhr.responseText);
                //获取span节点
                var nameNode = 
                    document.getElementById("namespan");
                nameNode.innerHTML = xhr.responseText;
            }
        };
        
        //3.打开连接
        //第一个参数表示提交方式
        //第二个参数表示提交的url
        //第三个参数表示是否异步提交，true表示异步提交
        var name = document.getElementById("name").value;
        xhr.open("GET","checkName.do?name="+name,true);
        //4.发送请求
        xhr.send();
    }
    
    //验证密码是否正确
    function checkPwdFun(){
        //1.
        var xhr = getXHR();
        //2.
        xhr.onreadystatechange=function(){
            if(xhr.readyState==4&&xhr.status==200){
                //alert(xhr.responseText);
                var pwdNode = 
                    document.getElementById("pwdspan");
                pwdNode.innerHTML=xhr.responseText;
            }
        };
        //3.
        xhr.open("POST","checkPwd.do",true);
        //3-4:请求头
        xhr.setRequestHeader("content-type",
                "application/x-www-form-urlencoded");
        //4.
        var pwdVal = document.getElementById("pwd").value;
        xhr.send("pwd="+pwdVal);
    }
    
    //验证邮箱
    function checkEmailFun(){
        var xhr = getXHR();
        
        xhr.onreadystatechange=function(){
            if(xhr.readyState==4&&xhr.status==200){
                var json = JSON.parse(xhr.responseText);
                alert(json.state+","+json.message);
            }
        };
        
        var emailVal = document.getElementById("email").value;
        xhr.open("GET","checkEmail.do?email="+emailVal,true);
        xhr.send();
    }
    

</script>