Ajax相关知识

当我们提到异步传输时，我首先想到的是Ajax。那就先来谈谈Ajax的由来吧。

Ajax全称AsynchronousJavaScriptandXml。Ajax并不是一项新技术，而是多种技术的综合，其中包括Javascript、XHTML和CSS、DOM、XML和XMLHttpRequest.

接下来谈谈各种技术在其中的作用：

• XML(eXtensibleMarkupLanguage，可扩展标记语言)是一种描述数据的格式。AJAX程序需要某种格式化的格式来在服务器和客户端之间传递信息，XML是其中的一种选择
• XHTML（eXtendedHypertextMarkupLanguage,使用扩展超媒体标记语言）和CSS（CascadingStyleSheet,级联样式单）标准化呈现；
• DOM（DocumentObjectModel,文档对象模型）实现动态显示和交互；
• 使用XMLHTTP组件XMLHttpRequest对象进行异步数据读取
• 使用JavaScript绑定和处理所有数据
• 服务器端语言：服务器需要具备向浏览器发送特定信息的能力。Ajax与服务器端语言无关。

这是一个浏览器异步交互图，从图上可以看出来，客户端没有再发送http请求，而是用JavaScript调用（call）Ajax engine来发送数据，so不用提交整个页面。然后通过HTTP request传送到web或者XML server，接着web或者XML server传递xml数据给Ajax engine，而Ajax engine返回给用户的是HTML+CSS的数据，不是整个页面。

这样的话，用户不用提交整个页面，只需提交数据，可以减少一些没有必要的数据在网络上传输，减轻网络传输数据的压力，提高用户的交互性。google Map就是一个很好的例子。

1.Ajax的核心 XMLHttpRequest

该对象是对JavaScript的一个扩展，可使网页与服务器进行通信。是创建Ajax应用的最佳选择。实际上通常把Ajax当成XMLHttpRequest对象的代名词.该对象在InternetExplorer5中首次引入，它是一种支持异步请求的技术。简而言之，XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。

XMLHttpRequest是XMLHTTP组件的对象，通过这个对象，AJAX可以像桌面应用程序一样只同服务器进行数据层面的交换，而不用每次都刷新界面，也不用每次将数据处理的工作都交给服务器来做；这样既减轻了服务器负担又加快了响应速度、缩短了用户等待的时间。

1.2XMLHttpRequest对象的方法

1.3XMLHttpRequest对象的属性

1.4发送请求的方法和属性介绍

XMLHttpRequest让客户端与服务器之间进行通信主要有3个：

• onreadystatechange 事件处理函数
• open方法
• send方法

1.5接收请求的方法和属性介绍

XMLHttpRequest的方法可以向服务器发送请求。在Ajax的操作下，XmlHttpRequest的如下属性可被服务器修改：

• readyState
• status
• responseText
• responseXML

----------------------------------------------------------------------------

先整理这么多了，下次再把剩下1.4和1.5的详细内容补上。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!