ajax发送什么请求,ajax发送请求

// 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