Ajax执行流程

2017-10-20  本文已影响0人  风起云帆

由于浏览器的差异性,创建Ajax对象时需要用到不同的方法。
我们首先考虑低级IE浏览器,再考虑IE高级浏览器和非IE浏览器,创建一个比较通用的封装方法,如下所示。

创建XMLHttpRequest对象

创建XMLHttpRequest对象

发送请求

当成功创建一个XMLHttpRequest对象后,便可以发送Ajax请求,这里同样提供一个封装后的方法。


发送请求

执行回调函数

当Ajax请求发送并执行完毕后,服务端会响应数据,这时需要执行回调函数处理响应的数据,回调函数即上述代码中的callback。


readyState值

status值与HTTP请求的状态码一致,例如200表示请求成功,404标识请求不存在,500表示服务端错误等等。

回调函数
在回调函数中,通过readyState和status来判断请求是否成功。其中readyState的值所表示的不同意义如下图所示。

4
上一篇下一篇

猜你喜欢

热点阅读