Ajax

读书笔记

Asynchronous JavaScript and XML。利用JavaScript和xml在网络浏览器和服务器之间传送数据或接收数据的技术。使向服务器索取网页的部分信息成为可能。

工作原理是相当于在用户和服务器之间建立一个中间层，使用户请求和服务器响应异步化。这样把以前一些服务器负担的工作转交给客户端，减轻服务器和带宽的负担。

它使用XHTML和CSS标准化呈现，使用DOM实现动态显示和交互，使用XML和XSLT进行数据交换和处理，使用XMLHttpRequest进行异步数据读取，最后用JavaScript绑定和处理所有数据。

XMLHttpRequest提供客户端和服务器端异步通信协议。通过这个协议，Ajax可以使页面像桌面程序一样与服务器端进行数据层面的交换，而不必每次都刷新页面，也不用每次将数据处理的工作交给服务器来做。

1.在网页中创建XMLHttpRequest对象，如下：

var xmlHttp;

function createXMLHttpRequest()

{

if(window.ActiveXObject){

xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

}else if(window.XMLHttpRequest){

xmlHttp = new XMLHttpRequest();

}

}

在XMLHttpRequest对象中有个很重要的属性onreadystatechange，状态改变事件触发器，通常绑定一个js函数，每当状态发生改变时调用该函数。readystate有5个可取值。还有很多方法可以查阅相关文档。

DOM是面向HTML和XML文档的一组API，它为文档提供了结构化的标示，并定义了如何通过脚本（如js）来访问文档结构。若没有DOM，js中根本没有web页面和构成页面元素的概念。文档中的每个元素都是DOM的一部分，课通过js来访问这些元素的属性和方法，实现动态编辑页面的功能。在网络浏览器端，js利用DOM提供的API来操作HTML和XML文档，这是Ajax的核心。

HTML文档各个节点在DOM中被视为各种类型（如Document、Element、Text）的Node对象，而且每个Node对象都有自己的方法和属性，通常利用这些属性和方法来遍历或动态编辑整个文档树。在XMLHttpRequest对象中有属性responseXML可以从服务器端返回兼容DOM的XML文档对象。

首先初始化XMLHttpRequest对象，利用XMLHttpRequest对象的open方法建立对服务器的调用，send方法向服务器发送请求，在属性onreadystatechange指定的事件处理函数中处理各种readystate。