原生Ajax创建过程

1.先创建xhr(小黄人)核心对象

 var xhr = new XMLHttpRequest();

2.调用open准备发送请求

xhr.open('GET','xxxxxxx',true/false)

open有三个参数:第一个参数是请求方式,第二个参数是请求的路径,第三个参数是同步还是异步(true同/false异)

3.调用send发送请求

xhr.send()

4.Ajax请求发送后,readyState状态就会改变,readyState状态一改变就执行onreadystatechange函数。其中readyState状态为4的话,就是请求发送完成。

 xhr.onreadystatechange = function () {
    if (xhr.status == 200 && xhr.readyState == 4) {
      console.log("ajax", JSON.parse(xhr.responseText));
    }
  };

 5、status可以查看到请求资源的状态,200与304就代表成功获取资源,例如404这些就是请求失败。
 6、responseText是请求的资源内容,可以使用json转换一下

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值