ajax

Posted 2020-10-30 爱吃醋的工程师

　　1.

//定义返回xhr的对象的函数
    function getXHR(){
        var xhr;
        //判读是否识别XMLHttpRequest属性
        if(window.XMLHttpRequest){
            xhr = new XMLHttpRequest();
        }else{
            xhr = new ActiveXObject("Microsoft.XMLHttp");
        }
        return xhr;
    }

2.回调

//1.创建xhr对象
        var xhr = getXHR();
        //2.回调函数定义
        xhr.onreadystatechange=function(){
            if(xhr.readyState==4&&xhr.status==200){
                var nameNode = document.getElementById("namespan");
                nameNode.innerhtml=xhr.responseText;
            }
        };

3.打开连接

//3.打开连接
        //第一个参数表示提交方式
        //第二个参数表示提交的url
        //第三个参数表示是否异步提交，true表示异步提交
        var name = document.getElementById("name").value;
//get
        xhr.open("GET","checkName.do?name="+name,true);
//post

xhr.open("POST","checkName.do",true);

xhr.setRequestHeader("content-type","application/x-www-form-url-urlencoded");

4.发送请求

//4.发送请求
        xhr.send();