Ajax的入门

汪睦琴

Ajax是什么?

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

Ajax优势和劣势?

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

传统web应用中的同步请求应用时序模型分析:
image.png

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

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

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

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

阅读 810
4 声望
0 粉丝
0 条评论
4 声望
0 粉丝
文章目录
宣传栏