// 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‘;
}
}
原文：https://www.cnblogs.com/conlover/p/11235981.html