Ajax技术的应用

1.Ajax是什么？

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

         传统Web应用中简易的同步模型分析，如图-1所示：

 

 

                                                                                            图-1

        基于Ajax技术的异步请求响应模型分析，如图-2所示：

 

 

                                                                                    图-2

 

2Ajax 技术应用场景？

Ajax技术最大的优势就是底层异步,然后局部刷新,进而提高用户体验,这种技术现在在很多项目中都有很好的应用,例如:

• 商品系统。
• 评价系统。
• 地图系统。
• …..

        AJAX可以仅向服务器发送并取回必须的数据，并在客户端采用JavaScript处理来自服务器的响应。这样在服务器和浏览器之间交换的数据大量减少，服务器响应的速度就更快了。但Ajax技术也有劣势，最大劣势是不能直接进行跨域访问。

 

3.Ajax编程的步骤

　　　　第一步：基于dom事件创建XHR对象(XMLHttpRequest对象)

　　　　第二步：注册XHR对象状态监听，通过回调函数(callback)处理状态信息。

　　　　第三步：创建与服务端的连接

　　　　第四步：发送异步请求实现与服务端的通讯

　　　　第五步：通过回调（callback）函数，获得响应结果并进行数据更新.(非阻塞)

 

 说明：onreadstatechage 为 4表示客户端和服务器端交互的结束了；