javascript的ajax请求过程

XMLHttpReq对象的属性readyState表示请求的状态,而processResponse函数是监视请求的状态的变化,一旦状态有改变就调用该函数。

每当readyState的状态改变,都会调用该函数,请求的状态有5种(第一种就绪状态的特点是 readyState 属性为 0(readyState == 0),表示未初始化状态。

一旦对请求对象调用 open() 之后,这个属性就被设置为 1。由于您通常都是在一对请求进行初始化之后就立即调用 open(),因此很少会看到 readyState == 0 的状态。

另外,未初始化的就绪状态在实际的应用程序中是没有真正的用处的。当readyState == 2时,就已经执行了send()方法,也就是异步请求已经发送出去了,

当readyState == 3,请求在处理中;通常响应中已有部分数据可用了,但是服务器还没有完成响应的生成 ,最后才以readyState == 4 的形式结束)。

Ajax异步获取数据的流程,概括来说有4步:创建对象,加载要获取的服务器页,判断异步调用的状态,发送异步请求。但是从代码中看好像是先执行XMLHttpReq.onreadystatechange=processResponse;中的processResponse函数,然后再执行send()发送异步请求。感觉并不是先发送异步请求,再执行服务器返回响应的请求。按照逻辑是先发送异步请求,然后在处理服务器返回响应的请求。其实,就是先发送异步请求,再处理服务器返回响应的请求。而代码也没有错。原因:当readyState的状态为2的时候就已经执行了send()语句了,已经把异步请求发送出去了,在监视readyState的状态变化为2时,调用了processResponse函数,但是并没有对该次状态做处理,除了状态为4的时候才做出处理,当其他的状态变化时虽然也调用了该函数,但是该函数也没有做出相应的处理,导致了让人误会了。其实,只有执行send()语句,才有最终的状态为4。

 

你可能感兴趣的:(Javascript)