Ajax的入门

Ajax是什么？

Ajax是一种web应用技术，可以借助客户端脚本（JavaScript）与服务端应用进行异步通讯，获取服务端数据以后，可以进行局部刷新，进而提高数据的响应和渲染速度。

Ajax优势和劣势？

优势：底层同步，然后局部刷新，进而提高用户体验。Ajax可以仅向服务器发送并取回必要的数据，并在客户端采用JS处理来自服务器的响应，这样在服务器和浏览器之间的交换数据会大量减少，服务器响应的数据就会更快了。
劣势：不能直接进行跨域访问。

传统web应用中的同步请求应用时序模型分析：

客户端向服务器端发送请求需要等待服务器的响应结果，服务器返回数据以后，客户端可以继续发送请求。如上图：客户端发送请求1给服务端，服务端接收到以后返回响应结果2给客户端，客户端在发送请求以后到服务端响应的过程就是一个等待时间。

基于Ajax技术的web异步请求响应应用时序模型分析

客户端可以向服务器发送异步请求，客户端无需等待服务端的响应结果，可以不断的发送请求。如上图：客户端可以发送1和2两个请求到服务端，无需等待服务端一个一个的响应后再发送，即为异步。

Ajax请求响应过程分析

所有的Ajax请求都会基于DOM事件，通过XHR(XMLHttpRequest)对象实现与服务端异步通讯局部更新。
基于上图的分析，编程步骤如下：
第一步：基于dom事件创建XHR对象；
第二步：注册XHR对象状态监听，通过回调函数（rollback）处理状态信息;
第三步：创建与服务端的连接；
第四步：发送异步请求实现与服务端的通讯。