第22章节06Ajax新技术——XMLHttpRequest对象.pptVIP

Logo Logo Logo Logo Logo Logo Logo Logo Logo Logo Logo Logo Ajax新技术——XMLHttpRequest对象 本讲大纲： 1、初始化XMLHttpRequest对象 支持网站： 2、 XMLHttpRequest对象的常用方法 3、 XMLHttpRequest对象的常用属性 4、实战模拟：不刷新页面提交表单数据 初始化XMLHttpRequest对象 在使用XMLHttpRequest对象发送请求和处理响应之前，首先需要初始化该对象，由于XMLHttpRequest不是一个W3C标准，所以对于不同的浏览器，初始化的方法也是不同的。通常情况下，初始化XMLHttpRequest对象只需要考虑两种情况，一种是IE浏览器，另一种是非IE浏览器，下面分别进行介绍。 IE浏览器 IE浏览器把XMLHttpRequest实例化为一个ActiveX对象。具体方法如下： var http_request = new ActiveXObject(Msxml2.XMLHTTP); 或者 var http_request = new ActiveXObject(Microsoft.XMLHTTP); 在上面的语法中，Msxml2.XMLHTTP和Microsoft.XMLHTTP是针对IE浏览器的不同版本而进行设置的，目前比较常用的是这两种。 非IE浏览器 非IE浏览器（例如，Firefox、Opera、Mozilla、Safari）把XMLHttpRequest对象实例化为一个本地JavaScript对象。具体方法如下： var http_request = new XMLHttpRequest(); 初始化XMLHttpRequest对象 为了提高程序的兼容性，可以创建一个跨浏览器的XMLHttpRequest对象。创建一个跨浏览器的XMLHttpRequest对象其实很简单，只需要判断一下不同浏览器的实现方式，如果浏览器提供了XMLHttpRequest类，则直接创建一个该类的实例，否则实例化一个ActiveX对象。具体代码如下： if (window.XMLHttpRequest) { //非IE浏览器 http_request = new XMLHttpRequest(); } else if (window.ActiveXObject) { //IE浏览器 try { http_request = new ActiveXObject(Msxml2.XMLHTTP); } catch (e) { try { http_request = new ActiveXObject(Microsoft.XMLHTTP); } catch (e) {} } } 在上面的代码中，调用window.ActiveXObject将返回一个对象，或是null，在if语句中，会把返回值看作是true或false（如果返回的是一个对象，则为true，否则返回null，则为false）。 XMLHttpRequest对象的常用方法 XMLHttpRequest对象提供了一些常用的方法，通过这些方法可以对请求进行操作。下面对XMLHttpRequest对象的常用方法进行介绍。 1．创建新请求的方法 open()方法用于设置进行异步请求目标的URL、请求方法以及其他参数信息，具体语法如下： open(method,URL[,asyncFlag[,userName[, password]]]) open()方法的参数说明如表所示。 XMLHttpRequest对象的常用方法 2．向服务器发送请求的方法 send()方法用于向服务器发送请求。如果请求声明为异步，该方法将立即返回，否则将等到接收到响应为止。send()方法的语法格式如下： send(content) 参数说明： content：用于指定发送的数据，可以是DOM对象的实例、输入流或字符串。如果没有参数需要传递可以设置为null。 例如，向服务器发送一个不包含任何参数的请求，可以使用下面的代码： http_request.send(null); 3．设置请求的HTTP头的方法 setRequestHeader()方法用于为请求的HTTP头设置值。setRequestHeader()方法的具体语法格式如下： setRequestHeader(header, value) 参数说明： header：用于指定HTTP头。 value：用于为指定的HTTP头设置值。 例如，在发送POST请求时，需要设置Content-Type请求头的值为“ap