标签：style span 请求 发送 xhr ajax responseText console log

// 1.创建xhr对象
var xhr = null;
if(window.XMLHttpRequest){
　　xhr = new XMLHttpRequest()
}else{
　　xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
// 所有的属性和方法全都在xhr这个对象上面

console.log(xhr.readyState); //ajax的状态
console.log(xhr.status); //响应码
console.log(xhr.responseText); //响应的文本

// 2.绑定监听函数
xhr.onreadystatechange = function(){　　

　　if(xhr.readyState === 4){

　　if(xhr.status === 200){

　　console.log(xhr.responseText); 

　　}

　　console.log(xhr.readyState); //ajax的状态
　　console.log(xhr.status); //响应码
　　
}
// 3.连接服务器
xhr.open('GET','02.php',true)；

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

例子

inp.onblur = function(){
            if (reg_uname.test(inp.value)) {
                //前台验证通过   可以发送ajax请求了，后台来验证
                // 1.
                var xhr = null;
                if(window.XMLHttpRequest){
                    xhr = new XMLHttpRequest();
                }else{
                    xhr = new ActiveXObject("Microsoft.XMLHTTP");
                }
                // 2.
                xhr.onreadystatechange = function(){
                    if(xhr.readyState === 4){
                        if(xhr.status === 200){
                            console.log(xhr.responseText);
                            if(xhr.responseText == 0){
                                span.innerHTML = "该用户名可以使用";
                                span.style.display = "inline-block";
                                span.style.color = '#0f0';
                            }else if(xhr.responseText == 1){
                                span.innerHTML = "该用户名已被占用";
                                span.style.display = "inline-block";
                                span.style.color = '#f00';
                            }
                        }
                    }
                }
                // 3.
                xhr.open('GET','http://192.168.18.115:8888/0719/01.php?uname=' + inp.value,true)
                // 4.
                xhr.send( null )
            }else{
                span.innerHTML = "请输入规范的用户名";
                span.style.display = "inline-block";
                span.style.color = '#f00';
            }
        }

标签：style,span,请求,发送,xhr,ajax,responseText,console,log
来源： https://www.cnblogs.com/conlover/p/11235981.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。