原生ajax请求数据的方法

本文详细介绍了使用AJAX进行数据请求的全过程,包括实例化对象、设置请求方式、发送请求及处理响应信息。解析了readyState和status状态码的含义,帮助理解AJAX的工作原理。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

//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 – 服务不可用*/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值