[置顶] Ajax简介（一）_H5之家 - 中国HTML5教程资源分享第一站

[置顶] Ajax简介（一），有需要的朋友可以参考下。

很早就听说过 Ajax 异步刷新的大名，在未学 Ajax 之前，一直以为异步刷新是一项很复杂的技术，今天看了看，发现 Ajax 只是 web 开发中一项很小的技术，也很简单，今天就简单介绍一下 Ajax。

1.0 什么是 Ajax ？

Ajax是一种用于创建快速动态网页的技术

2.0 为什么要用 Ajax ？

传统的网页技术，如果更需要新网页内容的话，那么必须重载整个页面，即便我们只想请求页面中很小一部分数据，也必须重载整个网页才能完成，这就造成了网络资源的浪费。

Ajax 通过核心对象 XMLHttpRequest 在后台与服务器进行少量数据交换，可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新，这就提高了网页的响应速度。

3.0 Ajax 的核心对象 XMLHttpRequest ：

（1）创建 XMLHttpRequest 对象

IE7+、Firefox、Chrome 浏览器： new XMLHttpRequest();

IE5 和 IE6 等老版本浏览器： new ActiveXObject(“Microsoft.XMLHTTP”);

（2） XMLHttpRequest 属性

readyState： HTTP 请求的状态.当一个 XMLHttpRequest 初次创建时，这个属性的值从 0 开始，直到接收到完整的 HTTP 响应，这个值增加到 4。
0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 请求处理中
4: 请求已完成，且响应已就绪

（3） XMLHttpRequest 方法

（4）XMLHttpRequest 事件句柄

每次 readyState 属性改变的时候调用的事件句柄函数。当 readyState 为 3 时，它也可能调用多次。

4.0 XmlHttpRequest 对象的局限性

XmlHttpRequest 不支持跨域访问，这是由网景公司 (netscape) 在开发浏览器时定义的同源策略导致的。