Ajax知识总结

Ajax的工作流程？

答：

1客户端产生JS的事件

2创建XMLHttpRequest对象 varxhr = new XMLHttpRequest();

3对XMLHttpRequest进行配置xhr.open(“get”,”example.txt”,true);
4)通过Ajax引擎发送异步请求 xhr.send(null);

5)服务器端接收请求并且处理请求，返回html或者xml内容
6)XML调用一个callback()处理响应回来的内容

7)页面局部刷新

拓充：

XHR对象的属性：

1）responseText：作为响应的主体被返回的文本

2）responseXML:如果响应的内容类型是text/xml或者application/xml，这个属性中将保存着响应数据的XML DOM文档

3）status（对应的同步请求）：响应的HTTP状态。可取如下几个值：

200：请求成功的标志；

202：接受和处理、但处理未完成；

304：表示请求的资源并没有被修改，可以直接使用浏览器中缓存的版本；

505：服务器不支持或拒绝请求头中指定的HTTP版本

4）statusText：HTTP状态的说明

5）readyState（对应异步请求）:表示请求/响应过程的当前活动阶段，属性可取的值如下

0：未初始化。尚未调用open()方法

1：启动。已经调用open()方法，但尚未调用send()方法。

2：发送。已经调用send()方法，但尚未接受到响应。

3：接受。已经接受到部分响应数据。

4：完成。已经接受到全部的响应数据，而且已经可以在客户端使用了。

XHR对象相关的响应事件：

1）readystatechange事件：可以利用这个事件来检测每次状态改变后readyState的值。

2）onreadystatechange事件：必须在调用open()之前指定onreadystatechange事件处理程序才能确保跨浏览器兼容性。

eg：

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!