解决问题:onreadystatechange只触发一次
2016-10-29 10:01
489 查看
在研究最基本的AJAX - onreadystatechange 事件时,
通过
XMLHttpReq.onreadystatechange=processResponse();
绑定了处理 函数,但是仅仅在XMLHttpReq.readyState==1的时候触发了一次该函数?
先看下认识下onreadystatechange
onreadystatechange 事件
当请求被发送到服务器时,我们需要执行一些基于响应的任务。
每当 readyState 改变时,就会触发 onreadystatechange 事件。
readyState 属性存有 XMLHttpRequest 的状态信息。
下面是 XMLHttpRequest 对象的三个重要的属性:
在 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;
通过
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: 未找到页面 |
当 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;
相关文章推荐
- 关于“同步请求下Firefox 3中XHR的onreadystatechange事件不会触发”问题
- FireFox下Ajax同步请求onReadyStateChange不执行问题解决
- jquery file change 上传只触发一次问题的解决方法
- FireFox下Ajax同步请求onReadyStateChange不执行问题解决
- FireFox下Ajax同步请求onReadyStateChange不执行问题解决
- 解决JQuery中input的change(onchange)无法触发的问题
- 火狐下Ajax的onreadystatechange无法调用函数的解决方法
- 解决 html input file onchang 事件触发一次后失效问题
- 解决Sencha Touch 2 NavigatorView Push事件只触发了一次问题
- firefox下对ajax的onreadystatechange的支持情况分析及解决
- 解决bootstrap-table多次请求只触发一次的问题
- Android 编程技巧之 ----- 解决短信监听 onChange 触发两次的问题
- Firefox下的AJAX onreadystatechange问题
- Firefox下的AJAX onreadystatechange问题
- 关于ajaxFileUpload造成 input[type=file] change事件只能触发一次的问题
- [已解决] 进不了onreadystatechange 状态一直是1
- Firefox下的AJAX onreadystatechange问题
- 解决在火狐中不支持onreadystatechange的方法
- 使用iscroll滑动区域内的div onclick事件单击一次触发了两次问题的解决
- 解决vue项目中type=”file“ change事件只执行一次的问题