由于浏览器的差异性,创建Ajax对象时需要用到不同的方法。
我们首先考虑低级IE浏览器,再考虑IE高级浏览器和非IE浏览器,创建一个比较通用的封装方法,如下所示。
创建XMLHttpRequest对象
创建XMLHttpRequest对象
发送请求
当成功创建一个XMLHttpRequest对象后,便可以发送Ajax请求,这里同样提供一个封装后的方法。
发送请求
执行回调函数
当Ajax请求发送并执行完毕后,服务端会响应数据,这时需要执行回调函数处理响应的数据,回调函数即上述代码中的callback。
readyState值
status值与HTTP请求的状态码一致,例如200表示请求成功,404标识请求不存在,500表示服务端错误等等。
回调函数
在回调函数中,通过readyState和status来判断请求是否成功。其中readyState的值所表示的不同意义如下图所示。
4
网友评论