Ajax的入门

Ajax是什么？

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

Ajax优点和劣势？

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

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

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

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

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

Ajax请求响应过程分析

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