AJAX的含义与用法

 一、异步加载的优点

  我们浏览网页时，由客户端（浏览器）发送请求到服务器，服务器做出响应给浏览器，这是http协议的基本形式。浏览器与服务器的通信方式有两种，一种是同步的（Synchronous 简称sync代表同步），由浏览器发出http请求，服务器做出响应后页面全部刷新；一种是异步的（Asynchronous 简称async 代表异步），由AJAX引擎发向服务器发出请求，不需要刷新全部页面，只需要更新部分页面即可。异步相对同步来说具有很大的优点，如我们注册或登录时，部分数据有问题只刷新部分数据而无须将整个页面刷新，大大的优化了用户体验；如一些页面的数据量很大，我们即可采用懒加载的方法，先加载少量数据，再根据用户浏览时滚动条的位置再加载数据，可以大大的减轻服务器的负担。

二、AJAX的含义与原理

AJAX便是在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术。

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。

AJAX 不是新的编程语言，而是一种使用现有标准的新方法。

AJAX的核心对象是XMLHttpRequest ，利用XMLHttpRequest对象与服务器通信。下面是同步与异步通信的应用模型（图片来源与网络，如有侵权，自行删除）

（

三、XMLHttpRequest的属性与方法。

1、XMLHttpRequest的属性

1）Onreadystatechange  状态改变的事件触发器，每个状态改变时都会触发这个事件处理器，通常会调用一个javascript函数

2）readyState  请求的状态  有5个可取值，0=未初始化 1=正在加载  2=已加载  3=交互中  4=完成。

3）Status  服务器的HTTP状态码（如：404=“文件未找到” 200=“成功”等）

4）responseText  服务器的响应，返回数据的文本。

2、XMLHttpRequest的方法

1）open（method,url,async）方法。 第一个参数定义发送请求所使用的方法，第二个参数规定服务器端脚本的URL，第三个参数规定对请求是同步还是异步处理，一般是true，表示异步处理。

2）send（）方法，向服务器发送请求，如果是发送请求用get方法，一般不带参数，如是post，可带参数。

3） setRequestHeader(“Content-type”,”application/x-www-form-urlencoded”)方法。（如果向服务器发送请求用的是post请求时，需要写上，如是get，可省略

四、AJAX的使用