原生AJAX

    var xhr
    //得到ajax对象
    function getXMLHttpRequest() {
        if (window.getXMLHttpRequest) {
            return new XMLHttpRequest();    
        }
    }   
    //绑定事件触发的函数
    function validate(nameNode) {
        xhr = getXMLHttpRequest();
        var name = nameNode.value;
        xhr.open("post","adminSer?name="+name,true);
        xhr.onreadystatechange=resultData;
        xhr.send("");
    }
    //回调函数
    function resultData(){
        var span = document.getElementById("validate");
        if (xhr.readyState==4) {
            if(xhr.status==200){
                if(xhr.responseText=="1"){
                    span.style.color="green";
                    span.innerHTML="用戶名正確";
                }else if(xhr.responseText=="2"){
                    span.style.color="red";
                    span.innerHTML="用戶名錯誤";
                }
            }
        }
    }
//另一种简化方式
function choseDistrict(obj) {
    //1.创建ajax引擎对象
    var xmlhttp = new XMLHttpRequest();
    //2.绑定监听
    xmlhttp.onreadystatechange=function(){
        //5.接收响应数据
        if(xmlhttp.readyState==4&&xmlhttp.status==200){
            var json = JSON.parse(xmlhttp.responseText);
            var $str = $("#street");   
            $str.length=1;
            for(var i=0;i<json.length;i++){
                $str.append("<option value="+json[i].id+">"+json[i].name+"</option>");
            }
        }
    }
    //3.绑定地址
    xmlhttp.open("get","${pageContext.request.contextPath}/streetSer?tag=ajax&&dis="+obj.value,true);
    //4.发送请求
    xmlhttp.send();
}