XMLHttpRequest对象的创建

简介:   首先先介绍一下XMLHttpRequest对象,我们都知道Ajax它并不是单单一门技术,而是几种技术的融合。XMLHttpRequest是Ajax技术体系中最为核心的技术,如果没有XMLHttpRequest,Ajax的其余技术就无法成为一个有机的整体。

  首先先介绍一下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编程技术课本中的知识进行了整理,希望大家可以多多交流,共同进步。

目录
相关文章
|
2月前
|
Web App开发 XML JavaScript
XMLHttpRequest 对象
10月更文挑战第1天
|
7月前
基于原生XMLHttpRequest()封装get方法
基于原生XMLHttpRequest()封装get方法
|
7月前
|
XML 前端开发 JavaScript
AJAX - 创建 XMLHttpRequest 对象
AJAX - 创建 XMLHttpRequest 对象
|
7月前
|
XML JSON 前端开发
AJAX 中创建 XMLHttpRequest 对象的方法和常用属性、方法
AJAX 中创建 XMLHttpRequest 对象的方法和常用属性、方法
81 0
|
前端开发
创建一个promise对象
创建一个promise对象
63 0
|
存储 移动开发 JavaScript
cookie,sessionStorage和localStorage的区别?精灵图是什么?原生对象、内置对象、宿主对象的联系和区别?
cookie:** 直译是"小饼干"的意思,在web中就是存在客户端的“一小块”数据。一个cookie大小不超过4kb,在设置的过期时间过期之后会消失,每次请求都会与服务器交互。
|
XML Web App开发 缓存
一、所谓“神秘”的XMLHttpRequest对象
一、所谓“神秘”的XMLHttpRequest对象
296 0
|
前端开发
介绍一下XMLHttpRequest对象,他有哪些常用方法和属性
介绍一下XMLHttpRequest对象,他有哪些常用方法和属性
163 0
|
Web App开发 前端开发 JavaScript
XMLHttpRequest对象在IE和Firefox中创建方式有没有不同?
XMLHttpRequest对象在IE和Firefox中创建方式有没有不同?
161 0