原生ajax请求数据的方法

//1.实例化ajax对象;

var xhr = new XMLHttpRequest();

//处理兼容性;

var xhr = ActiveXObject("Microsoft.XMLHTTP");

//2.调用open 的方法

xhr.open("GET","URL",Sync)//GET为请求方式,有post和get两种方式,URL为要请求数据的地址,Sync:同步(false

)或者异步(true)

//3调用send 的方法,将请求发送到服务器;

xhr.send(null);

//4.响应信息;

xhr.onreadystatechange=function() {

if(xhr.readyState==4 && xhr.status==200){

var datas = JSON.parse(xhr.response);//把数据转为JavaScript对象;

}else{

console.log(xhr.readyState,xhr.status);

}

}

/*readyState0-4的阶段意思如下:

0: 请求未初始化

1: 服务器连接已建立

2: 请求已接收

3: 请求处理中

4: 请求已完成,且响应已就绪

xhr.ststus的状态码

HTTP: Status 200 – 服务器成功返回网页
HTTP: Status 404 – 请求的网页不存在
HTTP: Status 503 – 服务不可用*/

你可能感兴趣的:(原生ajax请求数据的方法)