ajax深入



一、原理

1. 同步：在进行一个操作之前必须要等到上一个操作返回操作结果才能进行这个操作；

   异步：不受上一个操作的影响，异步是面向字符的传输，同步是面向帧，接收方和发送方的时钟保持一致。

2. 局部表单提交，刷新局部就可以了。缺点是浏览器上的后退和前进按钮失效。

3. 用户和服务器之间加一个中间层，用户和服务器响应异步化。并不是所有用户请求都要提交给服务器，像一些数据验证和数据处理等都交给Ajax引擎自己来做，只有确定需要从服务器读取新数据再由Ajax引擎代为向服务器提交请求。

4. 利用JavaScript脚本将XHTML CSS XML DOM等技术融合在一起。并通过XMLHttpResquest对象进行异步数据请求的新思想，提高用户体验度，各种框架的出现，EXT DOJO等都是为了提高用户体验度。

5. 全称：Asynchronous  JavaScript  + XML=异步 JavaScript + XML,不是一个技术，几种技术的结合体，用于创建快速动态网页的技术。因此，Ajax也有一个时髦的术语“旧貌换新颜”。

6. Ajax包括：HTML:建立web表单，DOM:用于动态显示和交互，XML,使用XML做数据交互和操作，XmlHttpRequest,进行异步数据接收，JavaScript:将它们紧密的结合在一起。

 

（7）与传统WEB区别:经典的Web应用中浏览器向服务器提交数据后，需要等待服务器返回结果，才能继续执行，返回的是整个页面，通常是HTML页面，客户端向服务器提交页面请求，服务器通过HTTP传给客户端生成浏览页面，服务器端承担大量的工作，客户端只负责显示。Ajax Web不需要等待，通常返回的是Data,部分我们需要的数据，格式根据我们需要自己选择，如JSON,XML等格式，大量的服务器工作可以在Ajax引擎处实现，减轻服务器端的负担；

实现步骤  获取浏览器端数据、将获取的数据提交到服务器端、接收服务器返回数据、将接受的数据动态显示在页面上

传统的web程序端的原理图

   使用Ajax应用程序的原理图

二、优缺点

（1）减轻服务器的负担，“按需取数据”，最大可能减少了冗余请求和响应对服务器造成的负担。

（2）无刷新更新页面，减少用户实际和心理等待时间

（3）可以把以前的一些服务器负担的工作转接到客户端，利用客户端闲置的处理能力来处理，减轻服务器和带宽的负担，节约空间和带宽租用成本。

（3）Ajax使WEB中的界面与应用分离（也可以说是数据与呈现分离）

（4）人性化，友好，无刷新，交互性更强的网页。

（5）异步与服务器交互，不需要打断用户操作，具有更快的响应能力。

（6）基于标准化的并被广泛应用的技术，不需要下载插件或者小程序。

缺点：

安全问题、对搜索引擎的支持比较弱，破坏程序的异常处理机制、违背了url和资源定位的初衷。