javascript - 在 AJAX (XMLHttpRequest) 中使用 eventListener 还是 readyStateChange 更好？

Question

我正在重新观看 WWDC12 中关于 HTML5 高级效果的视频，并注意到他们在演示中使用了 req.addEventListener("load",callback,true) 而不是通常的 onreadystatechange.

load事件和state=4 status=200情况有什么区别？
触发的是同一个加载事件还是两个不同的加载事件？

Answer 1

load 事件仅表示请求是网络 成功，不一定是 HTTP 成功。始终触发 load 事件或 error 事件的 Ajax 请求，指示网络事务的成功或失败(作为 Progress Events 规范的一部分):

• error 事件在由于服务器关闭或位于无法访问的域(即请求被同源策略阻止)而导致网络获取失败时触发。

• 否则，无论返回的 HTTP 代码如何，load 都会触发。

load 或 error 事件总是最后触发，在最后一个 readstatechange 事件触发之后，因此您可以确定 load 或 error 回调正在运行，xhr.readyState == 4 和 xhr.status 设置为正确的 HTTP 响应代码.