AJAX技术

来源:互联网 发布:网络连接错误711 编辑:程序博客网 时间:2024/05/18 04:31

1.简介

AJAXAsynchronous JavaScript and XML)是一种位于客户端的技术,能将客户端由原来的不刷新终端加强成智能化的富客户端,它利用异步方式访问服务器,实现无刷新更新网页,该技术的应用大大降低了客户端延迟,提高了Web应用程序执行效率。

AJAX使用DOM(Document Object Model)进行动态显示及交互;使用XMLXSLT进行数据交换及相关操作;使用XMLHttpRequest进行异步数据查询、检索;使用JavaScript将所有的东西绑定在一起。类似于DHTMLAJAX不是指一种单一的技术,而是有机地利用了一系列相关的技术。事实上,一些基于AJAX的“派生/合成”式的技术,如“AFLAX”。

2.优点

传统的Web应用允许用户填写表单(form),当提交表单时就向Web服务器发送一个请求。服务器接收并处理传来的表单,然后返回一个新的网页。这个做法浪费了许多带宽,因为在前后两个页面中的大部分HTML代码往往是相同的。由于每次应用的交互都需要向服务器发送请求,应用的响应时间就依赖于服务器的响应时间。这导致了用户界面的响应比本地应用慢得多。

与此不同,AJAX应用可以仅向服务器发送并取回必需的数据,它使用SOAP或其它一些基于XMLWeb service接口,并在客户端采用JavaScript处理来自服务器的响应。因为在服务器和浏览器之间交换的数据大量减少,所以我们能看到响应更快的应用,同时很多的处理工作可以在发出请求的客户端机器上完成,所以Web服务器的处理时间也减少了。

AJAX应用程序的优势在于:

a. 通过异步模式,提升了用户体验;优化了浏览器和服务器之间的传输,减少了不必要的数据往返,减少了带宽占用;

b. AJAX引擎在客户端运行,承担了一部分本来由服务器承担的工作,从而减少了大用户量下的服务器负载。

3.对AJAX的了解

    AJAX的核心是JavaScript对象XmlHttpRequest。简而言之,XmlHttpRequest使用JavaScript向服务器提出请求并处理响应,而不阻塞用户。在创建Web站点时,在客户端执行屏幕更新为用户提供了很大的灵活性。与传统的Web应用不同,AJAX技术使用XMLHttpRequest对象提供与服务器异步通信的能力。当客户端的用户操作触发XMLHttpRequest对象后,客户端向服务器发送一个异步请求。方法非常迅速地返回,只会将客户端用户界面阻塞很短的时间。如果服务器端处理好客户端请求,则向客户端发送响应数据。客户端通过一个回调函数解析来自服务器的响应,并根据响应数据更新用户界面。

4.AJAX的技术特征

    AJAX主要技术特征是:

a. 应用XHTMLCSS标准化;

b. 使用DOM实现动态显示和交互;

c. 采用XMLXSLT进行数据交换与处理;

d. XMLHttpRequest实现异步数据读取;

e. 用JavaScript绑定和处理所有数据,其中最主要的功能是将客户端和服务器间的同步通信改为异步通信交互,将客户端加强为“富客户端”。解决了浏览器等待数据传输的问题,改善了用户体验,使用户可以快速得到Web服务器的数据。

AJAX应用中,服务器并不直接生成用户显示的HTML代码,而是将处理的结果返回到客户端之后经过JavaScript进行处理,通过DOM模型或者其它途径显示。对于服务器端来说主要是实现业务逻辑,将处理后的结果返回到客户端,而不再负责生成表示逻辑的代码。服务器返回数据的格式由服务器和客户端表示逻辑共同协商,常用的格式有XMLJSON对象、HTML片段等。

5.其他

对于AJAX模式下服务端,由于服务器端主要功能是接受请求参数,返回格式化的文本数据,因此服务器端的技术并不重要,一个团队可以采用多种熟悉的服务端技术开发,在这个层次上可以更好地划分开发的表示逻辑和业务逻辑,以便于提高团队的开发效率,因此很容易开发出一个表示逻辑运行在Linux平台,而业务逻辑运行于Windows平台的Web应用,可有效地支持分布式垮平台应用的开发。

0 0
原创粉丝点击