Ajax里的onreadystatechange的作用是什么

Question

Ajax里的onreadystatechange的作用是什么

Answer 1

发送一个请求后，客户端无法确定什么时候会完成这个请求，所以需要用事件机制来捕获请求的状态，XMLHttpRequest对象提供了onreadyStateChange事件实现这一功能。这类似于回调函数的做法。onreadyStateChange事件可指定一个事件处理函数来处理XMLHttpRequest对象的执行结果，如：ajaxObj=createAjaxObject();var url="/MyTodoes/FetchText?id="+id;ajaxObj.open("Get",url,true);ajaxObj.onreadyStateChange=changeTabCallBack;ajaxObj.send(null);onreadyStateChange事件是在readyState属性发生改变时触发的，readyState的值表示了当前请求的状态，在事件处理程序中可以根据这个值来进行不同的处理。 readyState有五种可取值0：尚未初始化，1：正在加载，2：加载完毕，3：正在处理；4：处理完毕。一旦readyState属性的值变成了4，就可以从服务器返回的响应数据进行访问了。通常在事件中判断readyState的值是在请求完毕时才做处理，如：function changeTabCallBack(){if(ajaxObj.readyState==4){// 下一步验证}}Status存储了服务器端返回的Http请求响应代码，它表示请求的处理结果，常见响应代码的含义如右。在Ajax开发中，最常用就是200这个响应码，代码如下：function changeTabCallBack(){if(ajaxObj.readyState==4){if(ajaxObj.status==200){// 服务端返回了正确数据，开始响应处理}}}Http状态码 含义200 请求成功202 请求被接受但处理未完成400 错误请求404 请求资源未找到500 内部服务器错误

Answer 2

具体解决方法是，将你的代码中下面的这一段xmlhttp.onreadystatechange=function(){if(xmlhttp.readyState==4 && xmlhttp.status==200){msg=xmlhttp.responseText;}}拆分开，也就是=后面的写成一个单独的function。比如：function connect() {if(xmlhttp.readyState==4 && xmlhttp.status==200){msg=xmlhttp.responseText;}}然后将原先的代码调用修改为xmlhttp.onreadystatechange=connect;这个地方千万不能写成xmlhttp.onreadystatechange=connect();也就是connect后面千万别加()，之后readyState的状态就会发生改变了。