AJax学习笔记二(onreadystatechange的作用)

怼烎@ 2021-11-09 07:56 428阅读 0赞

初次接触**onreadystatechange**这个事件句柄不知道有何用处，看过一篇文章的介绍之后，终有大致所了解。

当发送一个请求后，客户端无法确定什么时候会完成这个请求，所以需要用事件机制来捕获请求的状态XMLHttpRequest对象提供了**onreadyStateChange**事件实现这一功能。这类似于回调函数的做法。**onreadyStateChange**事件可指定一个事件处理函数来处理XMLHttpRequest对象的执行结果，如：

ajaxObj = createAjaxObject();   
 var  url = " /MyTodoes/FetchText?id= " \+ id;   
ajaxObj.open( " Get " ,url, true );   
ajaxObj.onreadyStateChange = changeTabCallBack;   
ajaxObj.send( null );

**看了W3C上的详解，再看看这个例子，更好理解了。**

**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 内部服务器错误

资料来源：[http://www.okajax.com/a/200903/0315SJ2009.html][http_www.okajax.com_a_200903_0315SJ2009.html]

转载于:https://www.cnblogs.com/azai/archive/2010/04/24/1719089.html

[http_www.okajax.com_a_200903_0315SJ2009.html]: http://www.okajax.com/a/200903/0315SJ2009.html