XMLHttpRequest对象的创建

  首先先介绍一下XMLHttpRequest对象,我们都知道Ajax它并不是单单一门技术,而是几种技术的融合。XMLHttpRequest是Ajax技术体系中最为核心的技术,如果没有XMLHttpRequest,Ajax的其余技术就无法成为一个有机的整体。在Ajax应用程序中XMLHttpRequest对象负责将用户信息以异步方式发送到服务器,并接收服务器返回的响应信息和数据。

  XMLHttpRequest时XMLHttp组件的一个对象,使用XMLHttpRequest可以实现不向服务器提交整个页面的情况下,局部更新网页信息。可能这么说有点抽象吧,大家都经常进QQ空间看好友动态,有些好友分享了视频,我们点击播放之后无论是在视频缓冲期间还是在播放期间鼠标跟键盘都没有丧失活动能力,我们可以继续浏览其他动态,而我们在上下滑动鼠标滚轮的时候,视频页面也跟随我们浏览的当前位置上下移动,如下图所示,这样的功能就可以通过Ajax实现。

 

  XMLHttpRequest对象提供了一系列的属性和方法来向服务器发送异步HTTP请求。在服务器处理用户请求的过程中,XMLHttpRequest对象通过属性的状态值来实时反映HTTP请求所处的状态并根据得到的状态指导javascript做相应的处理。此外当服务器顺利响应用户动作并将用户返回时,XMLHttpRequest提供的response系列方法可以将返回的数据组装成文本格式、XML格式或者unsigned
byte数据格式提供的javascript脚本处理。

  使用XMLHttpRequest对象发送请求和处理响应之前,必须要使用javascript创建XMLHttpRequest对象。由于XMLHttpRequest对象目前还不是W3C标准,所以在新版本IE浏览器、旧版本IE浏览器以及非IE浏览器中的创建方法也不同。因此在创建XMLHttpRequest对象之前需要先判断浏览器的类型。对于版本较低的IE浏览器需要使用Microsoft.XMLHTTP,而对于版本较高的IE浏览器需使用Msxml2.XMLHTTP。

  下面是创建XMLHttpRequest对象的代码:

 

<span style="font-family:KaiTi_GB2312;font-size:18px;">    <script language="javascript" type="text/javascript">
        var xmlHttp;
        //使用新版本的IE创建XMLHttpRequest对象
        try {
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            //使用旧版本的IE创建XMLHttpRequest对象
            try {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (E) {}
        }
        //使用其他浏览器创建XMLHttpRequest对象
        if (!xmlHttp && typeof XMLHttpRequest !='undefined') {
            try{
                xmlHttp=new XMLHttpRequest();
            } catch (e) {
                xmlHttp = false;
            }
        }
    </script></span>

  从代码中我们可以看出,虽然需要进行逻辑判断,但是创建XMLHttpRequest对象并不复杂。自己对于XMLHttpRequest的理解也不是很透彻,只是根据视频中的实例和Ajax编程技术课本中的知识进行了整理,希望大家可以多多交流,共同进步。

时间: 2024-09-09 21:55:23

XMLHttpRequest对象的创建的相关文章

解析ajax核心XMLHTTPRequest对象的创建与浏览器的兼容问题_AJAX相关

MLHttpRequest 对象是AJAX功能的核心,要开发AJAX程序必须从了解XMLHttpRequest 对象开始. 了解XMLHttpRequest 对象就先从创建XMLHttpRequest 对象开始,在不同的浏览器中创建XMLHttpRequest 对象使用不同的方法: 先看看IE创建XMLHttpRequest 对象的方法(方法1):   var xmlhttp=ActiveXobject("Msxml12.XMLHTTP");//较新的IE版本创建Msxml12.XML

解析ajax核心XMLHTTPRequest对象的创建与浏览器的兼容问题

MLHttpRequest 对象是AJAX功能的核心,要开发AJAX程序必须从了解XMLHttpRequest 对象开始. 了解XMLHttpRequest 对象就先从创建XMLHttpRequest 对象开始,在不同的浏览器中创建XMLHttpRequest 对象使用不同的方法: 先看看IE创建XMLHttpRequest 对象的方法(方法1): var xmlhttp=ActiveXobject("Msxml12.XMLHTTP");//较新的IE版本创建Msxml12.XMLHT

XMLHttpRequest对象

request|xml|xmlhttprequest|对象 要创建XMLHttpRequest对象,对于不同的浏览器,有不同的方法 对于IE:              var xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")对于For Mozilla, Firefox, Safari, and Netscape:             var xmlhttp=new XMLHttpRequest()XMLHttpRequest对象引用方法

XMLHttpRequest对象详细剖析

XMLHttpRequest对象是当今所有AJAX和Web 2.0应用程序的技术基础.尽管软件经销商和开源社团现在都在提供各种AJAX框架以进一步简化XMLHttpRequest对象的使用:但是,我们仍然很有必要理解这个对象的详细工作机制. 一. 引言 异步JavaScript与XML(AJAX)是一个专用术语,用于实现在客户端脚本与服务器之间的数据交互过程.这一技术的优点在于,它向开发者提供了一种从Web服务器检索数据而不必把用户当前正在观察的页面回馈给服务器.与现代浏览器的通过存取浏览器DO

全面剖析XMLHttpRequest对象

request|xml|xmlhttprequest|对象 XMLHttpRequest对象是当今所有AJAX和Web 2.0应用程序的技术基础.尽管软件经销商和开源社团现在都在提供各种AJAX框架以进一步简化XMLHttpRequest对象的使用:但是,我们仍然很有必要理解这个对象的详细工作机制. 一. 引言 异步JavaScript与XML(AJAX)是一个专用术语,用于实现在客户端脚本与服务器之间的数据交互过程.这一技术的优点在于,它向开发者提供了一种从Web服务器检索数据而不必把用户当前

在基于Mozilla的浏览器中使用XMLHttpRequest对象

IE通过允许开发人员在Web页面内部使用安全的ActiveX组件扩展自身的功能.微软在无状态连接方面的产品是XMLHTTP组件. 使用XMLHTTP组件,开发人员可以不用从当前的Web页面导航而直接传输数据到服务器上或者从服务器取数据.这个功能是重要的,因为它帮助减少了无状态连接的痛苦.它还可以排除下载冗余HTML的需要,从而提高进程的速度. Mozilla做出的回应是创建它自己的继承XML代理类:XMLHttpRequest类.对于大多数情况,XMLHttpRequest对象的行为很像XMLH

AJAX入门--- XMLHttpRequest对象的属性和方法

         由于刚刚接触到Ajax对其比较陌生,而其中的XMLHttpRequest对象更是未曾听闻.开始学之前,了解一下它的属性和方法为它的使用做下铺垫.本文重点介绍XMLHttpRequest的属性和方法.          XMLHttpRequest对象的属性和事件 属性 描述 readyState 表示XMLHttpRequest对象的状态[1] responseText 包含客户端接收到的HTTP相应的文本内容[2] responseXML 服务器响应的XML内容对应的DOM对

详解AJAX核心 XMLHttpRequest 对象 (上)

我要说的内容都是非常基础的内容,高手就免看了,如果看了欢迎给点意见啊.新手或者对低层还不是很了解的人可以看看,帮助理解与记忆. XMLHttpRequest 对象是AJAX功能的核心,要开发AJAX程序必须从了解XMLHttpRequest 对象开始. 了解XMLHttpRequest 对象就先从创建XMLHttpRequest 对象开始,在不同的浏览器中创建XMLHttpRequest 对象使用不同的方法: 先看看IE创建XMLHttpRequest 对象的方法(方法1): var xmlht

javascript XMLHttpRequest对象全面剖析_基础知识

一. 引言 异步JavaScript与XML(AJAX)是一个专用术语,用于实现在客户端脚本与服务器之间的数据交互过程.这一技术的优点在于,它向开发者提供了一种从Web服务器检索数据而不必把用户当前正在观察的页面回馈给服务器.与现代浏览器的通过存取浏览器DOM结构的编程代码(JavaScript)动态地改变被显示内容的支持相配合,AJAX让开发者在浏览器端更新被显示的HTML内容而不必刷新页面.换句话说,AJAX可以使基于浏览器的应用程序更具交互性而且更类似传统型桌面应用程序. Google的G