《HTML教程》_第3部分 XMLHttpRequest对象.pptxVIP

第9章XMLHttpRequest对象详解本章导读◆XMLHttpRequest对象的创建。◆XMLHttpRequest对象的属性、方法和事件。◆发送Ajax请求的例程（或流程）。

XMLHttpRequest对象是Ajax的核心对象，由它负责与服务器的交互，在不需要重新加载整个网页的前提下，向服务器发送请求，获取数据，部分地更新页面，增强了用户体验，是现代Web应用开发的基础。

Ajax介绍Ajax的全称是AsynchronousJavaScriptandXML，即异步的JavaScript的和XML技术，虽然现在的Ajax传输数据的类型不再仅仅局限于XML，有了更丰富的数据类型，比如JSON数据类型和二进制数据类型，但这个名字一直沿用。

Ajax不是一种编程语言，而是一种编程技术。它所采用的语言是JavaScript（现在标准的称为ECMAScript），使用XMLHttpRequest对象与服务器进行交互。XMLHttpRequest是Ajax技术的核心。本章详细探讨该对象的属性、方法和应用。

9.1XMLHttpRequest对象的创建现代浏览器都支持XMLHttpRequest对象，但支持方式不同。标准模型的浏览器（如Chrome，Firefox等）以XMLHttpRequest对象的形式提供；IE浏览器以ActiveX控件的形式提供。

两种方式声明XMLHttpRequest对象的方式不同：

对象的创建需要区分到底是哪种浏览器，然后采用不同的方式创建该对象。◆标准模型的浏览器：varreq=newXMLHttpRequest();◆IE模型的浏览器：varreq=newActiveXObject(“Microsoft.XMLHTTP”);

为了能够兼容这两种方式，有两种方法：一种是判断浏览器是否支持XMLHttpRequest对象，如果支持则以标准模型浏览器的方式创建；另一种直接以标准模型的方式加以创建，如果创建不成功，则再使用IE模式创建。两种方式代码如下：

◆判断浏览器是否支持XMLHttpRequest对象：varreq;if(window.XMLHttpRequest){req=newXMLHttpRequest();}else{req=newActiveXObject(Microsoft.XMLHTTP);}

其中，window.XMLHttpRequest用于判断浏览器是否支持XMLHttpRequest对象，如果返回TRUE或者类型转换后为TRUE，则表示支持XMLHttpRequest对象。

◆直接用标准模型浏览器方式创建XMLHttpRequest对象：varreq;try{ req=newXMLHttpRequest();}catch(e){ req=new

ActiveXObject(Microsoft.XMLHTTP);}returnreq;许多程序员偏向于第二种方式创建XMLHttpRequest对象，因为这样无需进行判断，直接创建对象，如果不成功则以另一种方式创建，效率比较高。本书采用第二种方式创建该对象。

9.2XMLHttpRequest的属性、方法和事件

许多网上资料[29]和书籍都详细介绍了XMLHttpRequest对象的属性和方法，通过这些属性和方法，可以了解它的工作状态、注册事件处理程序、获取服务器端的响应数据，并可以对它进行某些设置，可以说这些属性和方法是使用XMLHttpRequest对象的窗口。下面对它的属性、方法和事件进行详细讨论。

9.2.1XMLHttpRequest对象的属性表9-1列出了XMLHttpRequest对象的属性和方法，这是使用XMLHttpRequest对象的基础。其中，upload属性是XMLHttpRequestUpload类型的对象，它继承自XMLHttpRequestEventTarget，而我们的XMLHttpRequest对象也继承自XMLHttpRequestEventTarget。

所以upload属性和XMLHttpRequest对象就有着相同的属性和方法，这一点请大家注意。特别是在一些程序中，一会使用XMLHttpRequest对象的属性或方法，一会又使用upload属性的这一属性或方法，其实二者是一样的，只不过触发时机不一样，熟悉这样的写法就好了。

属性的用法：upload——该属性主要用于注册事件处理函数，对Ajax请求的数据传输进行监控和处理。readyState和status（或statusText）结合判断XMLHttpRequest请求是否已成功响应，在成功响应时，处理服务器返回的数据。

◆