解决问题：onreadystatechange只触发一次

最新推荐文章于 2022-09-29 22:18:51 发布

享受编程_

最新推荐文章于 2022-09-29 22:18:51 发布

阅读量5k

点赞数 2

本文链接：https://blog.youkuaiyun.com/u013476542/article/details/52963018

版权

JavaScript 专栏收录该内容

6 篇文章

订阅专栏

本文详细探讨了在JavaScript中，onreadystatechange事件为何可能只触发一次的情况，并提供了多种解决方案，包括检查事件绑定方式、避免事件覆盖以及理解XMLHttpRequest的状态变化流程。

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

 
 在研究最基本的AJAX - onreadystatechange 事件时， 

 
 通过 

 
 XMLHttpReq.onreadystatechange=processResponse(); 

 
 绑定了处理 函数，但是仅仅在XMLHttpReq.readyState==1的时候触发了一次该函数？ 

 
 先看下认识下onreadystatechange 

 
 onreadystatechange 事件 

 
 当请求被发送到服务器时，我们需要执行一些基于响应的任务。 

 
 每当 readyState 改变时，就会触发 onreadystatechange 事件。 

 
 readyState 属性存有 XMLHttpRequest 的状态信息。 

 
 下面是 XMLHttpRequest 对象的三个重要的属性： 

属性	描述
onreadystatechange	存储函数（或函数名），每当 readyState 属性改变时，就会调用该函数。
readyState	存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。 0: 请求未初始化 1: 服务器连接已建立 2: 请求已接收 3: 请求处理中 4: 请求已完成，且响应已就绪
status	200: "OK" 404: 未找到页面

 
 在 onreadystatechange 事件中，我们规定当服务器响应已做好被处理的准备时所执行的任务。 

 
 当 readyState 等于 4 且状态为 200 时，表示响应已就绪： 

 
 xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("myDiv").innerHTML=xmlhttp.responseText; } } 

 
 解决方案，得到的解答是：在调用函数的时候不能带任何参数，使用()都不行! 

 
 错误示范：XMLHttpReq.onreadystatechange=processResponse(); 

 
 正确示范；XMLHttpReq.onreadystatechange=processResponse; 