Ajax相关知识

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

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

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

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

现在，允许浏览器与服务器通信而无需刷新当前页面的技术都被叫做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 对象的代名词. 该对象在Internet Explorer 5中首次引入，它是一种支持异步请求的技术。简而言之，XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。

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

1.2XMLHttpRequest对象的初始化

1.2XMLHttpRequest对象的方法

1.3XMLHttpRequest对象的属性

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

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

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

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

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

• • • readyState
    • status
    • responseText
    • responseXML

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

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