`
cakin24
  • 浏览: 1388281 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

初始化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类,则直接创建一个该类的实例,否则实例化一个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。
由于JavaScript具有动态类型特性,而且XMLHttpRequest对象在不同浏览器上的实例是兼容的,所以可以用同样的方式访问XMLHttpRequest实例的属性的方法,不需要考虑创建该实例的方法是什么。
1
0
分享到:
评论

相关推荐

    XMLHttpRequest对象的介绍和实现

    - **初始化XMLHttpRequest对象**。 - **发送请求**。 - **处理响应**。 - **错误处理**。 示例代码框架: ```javascript function ServerAccessObject() { this.xhr = new XMLHttpRequest(); this.sendRequest ...

    WEB开发 之 AJAX - 创建 XMLHttpRequest 对象.docx

    1. **初始化XMLHttpRequest对象**:调用`open()`方法,设置请求类型(GET或POST)、URL以及是否异步执行。 2. **设置请求头**:如果需要发送POST请求,可能需要设置`Content-Type`等请求头。 3. **发送请求**:调用`...

    创建XMLHttpRequest对象的方法.rar

    总结,"创建XMLHttpRequest对象的方法.rar"这个资源主要介绍了如何在JavaScript中创建并使用XMLHttpRequest对象进行AJAX通信,包括对象创建、状态监听、请求初始化和发送、以及响应处理等关键步骤。在实际项目中,...

    使用XMLHttpRequest访问Web Services(ASP.NET Web)

    2. **初始化XMLHttpRequest对象**:在JavaScript中,我们需要创建一个新的XMLHttpRequest实例,然后设置其`onreadystatechange`事件处理器,以便在状态改变时执行相应操作。 ```javascript var xhr = new ...

    _探讨Ajax获取表单值向Servlet传递的设计方案.doc

    在不同的浏览器中,XMLHttpRequest 对象的获取方式不同,因此我们需要写一个初始化 XMLHttpRequest 对象的方法。 在 JS 代码 1 中,我们定义了两个函数:doGet 和 doPost,它们分别用于实现 GET 和 POST 方式的异步...

    AjaxXMLHttpRequest_Demo02.zip

    1. **初始化XMLHttpRequest对象**:在JavaScript中创建XMLHttpRequest实例。 2. **打开连接**:使用XMLHttpRequest对象的`open()`方法指定请求类型(GET、POST等)、URL和是否异步执行。 3. **设置请求头**(可选)...

    全面剖析XMLHttpRequest对象

    它有几个重要的属性和方法,其中readyState属性描述了请求的当前状态,共有五个阶段(0-4),分别对应请求的不同阶段,如未初始化、发送、接收中和已完成。当readyState发生变化时,会触发onreadystatechange事件,...

    用js创建XMLHttpRequest对象池

    1. **初始化对象池**:在应用程序启动时,预先创建一定数量的XHR对象,并将它们存储在一个数组中。例如: ```javascript const xhrPool = []; for (let i = 0; i ; i++) { xhrPool.push(new XMLHttpRequest()); ...

    Ajax 技术 PPT

    在实际应用中,Ajax的工作流程通常包括以下几个步骤:首先,通过JavaScript初始化XMLHttpRequest对象;然后,设置请求参数并调用Open()方法打开连接;接着,调用Send()方法发送HTTP请求到服务器;当服务器响应时,...

    全面剖析Ajax的XMLHttpRequest对象.doc

    | 0 | 未初始化状态 | | 1 | 发送状态 | | 2 | 发送状态 | | 3 | 正在接收状态 | | 4 | 已加载状态 | 2. onreadystatechange 事件 无论 readyState 值何时发生改变,XMLHttpRequest 对象都会激发一个...

    XMLHttpRequest中文参考手册

    2. **创建和初始化XMLHttpRequest对象**: - `var xhr = new XMLHttpRequest();` 创建一个XHR实例。 - `xhr.open('GET', 'url', true);` 初始化请求,定义请求类型、URL和是否异步。 3. **事件处理**: - `xhr....

    全面剖析XMLHttpRequest对象.doc

    **readyState属性**:表示XMLHttpRequest对象的当前状态,从“未初始化”到“已加载”,共五个阶段,分别是0(未初始化)、1(打开)、2(发送)、3(接收中)、4(完成)。这些状态的变化是异步操作的关键,开发者...

    全面剖析 Ajax XMLHttpRequest对象

    XMLHttpRequest对象是Ajax技术的核心,它是现代Web应用中用于实现客户端与服务器间异步数据交换的关键组件。在不刷新整个页面的情况下,XMLHttpRequest允许开发者通过JavaScript动态更新网页内容,极大地提升了用户...

    简单介绍不用库(框架)自己写ajax

    1. 初始化XMLHttpRequest对象。 2. 使用xhr.open()方法配置请求类型(GET或POST)、请求的URL以及是否异步。 3. 使用xhr.send()方法发送请求。对于GET请求,通常不传递参数,而POST请求则需要传递字符串类型的数据。...

    全面剖析XMLHttpRequest对象.txt

    #### 二、XMLHttpRequest对象的创建与初始化 在现代浏览器中,可以通过以下方式创建XMLHttpRequest对象: ```javascript var xhr = new XMLHttpRequest(); ``` 如果是在Internet Explorer 5或6中,则可能需要使用...

    ajax 入门基础之 XMLHttpRequest对象总结

    **Ajax入门基础之XMLHttpRequest对象总结** Ajax,即异步JavaScript和XML,是一种在无需刷新整个页面的情况下更新部分网页的技术。在Ajax的核心中,XMLHttpRequest(XHR)对象扮演着至关重要的角色,它允许...

    ajax小例子

    当用户在登录表单中输入用户名和密码后,点击登录按钮,而不是传统地提交表单到服务器,而是触发一个JavaScript函数,这个函数创建并初始化XMLHttpRequest对象。 在JavaScript函数中,我们首先要实例化...

    Ajax技术ppt文件

    6. **Ajax的一般流程**:首先初始化XMLHttpRequest对象,然后发送请求到服务器,服务器接收到请求并处理,接着将响应返回给客户端,客户端通过JavaScript处理这些信息,并更新DOM以反映新数据。 7. **Ajax请求的...

Global site tag (gtag.js) - Google Analytics