onreadystatechange被多次调用的原因

money云

于 2017-07-26 08:47:36 发布

阅读量4.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js ajax 文章标签： ajax

本文链接：https://blog.youkuaiyun.com/Minimum_Time_Hour/article/details/76101079

js 同时被 2 个专栏收录

2 篇文章

订阅专栏

ajax

1 篇文章

订阅专栏

本文详细介绍了Ajax通信过程中服务器如何通过更新XMLHttpRequest对象的readyState属性来通知客户端当前的通信状态。从0到4的readyState值分别代表了从未初始化到响应发送完毕的不同阶段，并解释了如何使用onreadystatechange事件处理函数来监听这些变化。

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

在 Ajax 执行过程中，服务器会通知客户端当前的通信状态。这依靠更新 XMLHttpRequest 对象的 readyState 来实现。

这句话的意思就是，只要readyState的值改变，onreadystatechange函数就会被调用。

readyState 属性表示Ajax请求的当前状态。它的值用数字代表。
0 代表未初始化。 还没有调用 open 方法
1 代表正在加载。 open 方法已被调用，但 send 方法还没有被调用
2 代表已加载完毕。send 已被调用。请求已经开始
3 代表交互中。服务器正在发送响应
4 代表完成。响应发送完毕
每次 readyState 值的改变，都会触发 readystatechange 事件。如果把 onreadystatechange 事件处理函数赋给一个函数，那么每次 readyState 值的改变都会引发该函数的执行。
readyState 值的变化会因浏览器的不同而有所差异。但是，当请求结束的时候，每个浏览器都会把 readyState 的值统一设为 4

其实我们可以在代码中测试

//2.设置回调函数
            xmlhttp.onreadystatechange = function() {
                alert(xmlhttp.readyState);
                。。。。
            }

这样的话就可以在浏览器就可以看到readyState的状态的改变