ajax原理解密

ajax中有一类叫做readyState的真的很困惑。
于是开始抓包研究。

xhr是有历史包袱的,所以从XML就可以看出端倪。
xhr是最原生的调用浏览器网络功能的API,当然可以调用本地文件。
xhr通过事件设计,采用中介者模式,非常的nice。
xhr具体的调用流程非常清晰,

每当执行对应的xhr函数就会通过事件回调该方法。

  1. 创建xhr对象,此时为readyState为0。因为对象的创建先于回调的调用,因此这个状态码无法打印。
  2. 添加监听事件,用于监听0之后的状态。因为执行到后面的事件必定会系统自动抛发该事件,所以需要先创建监听者。
  3. open。用于打开链接,发送请求头之类的内容。实际抓包时并没有看到。我认为是操作系统在这一步封装HTTP的请求头,且此时没有3次握手。
  4. send函数执行后,会立即建立三次握手,然后发送HTTP请求和响应,等到完成之后再会调用回调函数,此时状态码为2。
  5. 3,4都是对传输过程中的标识。4表示传输完成,如果文件大的话。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值