原生AJAX

来源:互联网 发布:mac 删除office 编辑:程序博客网 时间:2024/05/18 19:45
    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();}
原创粉丝点击