发送AJAX get请求:
第一步:创建AJAX核心 XMLHttpRequest对象
var xhr = new XMLHttpRequest
第二步:注册回调函数;
onreadystatechange 是一个回调函数, 这个函数在XMLHttpRequest对象的readyState状态值发生改变(0 -> 1 -> 2 -> 3 -> 4)的时候被调用这个回调函数会被调用多次,因为在状态发生改变就会被调用
xhr.onreadystatechange = function(){
if (this.readyState == 4){
响应结束了,响应结束后,一般会有一个http的状态码:200 成功、404 资源找不 到,500 服务器内部错误,http状态码是http协议的一部分,
获取http状态码,通过status属性
connsole.log("http响应状态码" + this.status)
}
}.
当这个XMLHttpRequest对象的readyState的状态是4的时候,表示响应结束
获取响应的信息可以通过XMLRequest对象的responseText属性来获取响应信息
第三步:开启通道
XMLHttpRequest对象的open方法,open(method,URL,async,user,pwd) open只开启通道
xhr.open("GET" , "/项目路径",true)
method:请求的方式,可以使GET,POST,也可以是其他请求方式
url: 请求路径
async:只能是true或者false,true | true表示这个ajax请求是一个异步请求,false表示这个ajax请求是一个同步请求
user:用户名 pwd:密码 这俩个是用来进行身份验证的,说明在服务器上访问某些资源可能要进行身份验证的
第四步:发送请求
xhr.send()
完整:
var xhr = new XMLHttpRequest
xhr.onreadystatechange = function(){
if (this.status == 400){
}else if(this.status == 500){
}else if(this.status == 200){
document.getElementById("").innnerHTML = this.responseText
}
xhr.open("GET","路径",ture)
xhr.send()
标签:status,XMLHttpRequest,请求,步骤,基础,xhr,AJAX,http,open From: https://www.cnblogs.com/hongming-gonghan/p/16892060.html