首先先介绍一下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编程技术课本中的知识进行了整理,希望大家可以多多交流,共同进步。
相关推荐
创建XMLHttpRequest对象的方法.rar创建XMLHttpRequest对象的方法.rar创建XMLHttpRequest对象的方法.rar
一般网上流传的创建XMLHttpRequest对象比较简单。跨浏览器能力非常有限。并不全面。 经测试,用此方法创建XMLHttpRequest对象,在运用AJAX的时候,可以的兼容IE6,IE7,IE8,Opera,Safari,Google Chrome,fireFox。主流...
创建XMLHttpRequest对象
主要介绍了AJAX XMLHttpRequest对象创建使用详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
XMLHttpRequest对象的创建和使用
NULL 博文链接:https://justsee.iteye.com/blog/690353
XMLHTTPREQUEST对象创建,交互,回调底层代码。。。
了解XMLHttpRequest 对象就先从创建XMLHttpRequest 对象开始,在不同的浏览器中创建XMLHttpRequest 对象使用不同的方法: 先看看IE创建XMLHttpRequest 对象的方法(方法1): var xmlhttp=ActiveXobject(“Msxml12...
WEB开发 之 AJAX - 创建 XMLHttpRequest 对象.docx
不光是IE,其他浏览器通吃的xmlhttprequeset的对象代码。
在ajax应用中,通常一个页面要同时发送多个请求,如果只有一个XMLHttpRequest 对象,前面的请求还未完成,后面的就会把前面的覆盖掉,如果每次都创建一个新的XMLHttpRequest对象,也会造成浪费。解决的办法就是创建...
在使用XMLHttpRequest对象发送请求和处理响应之前,必须先用JavaScript创建一个XMLHttpRequest对象。由于XMLHttpRequest不是一个W3C标准,所以可以采用多种方法使用JavaScript来创建XMLHttpRequest的实例。Internet ...
在非IE的浏览器中,需要用 new XmlHttpreQueSt()来创建对象,如下: var xmlHttpReq = new XMLHttpRequest(); xmlHttpReq.open("GET", "http://localhost/books.xml", false); xmlHttpReq.send(); alert(xmlHttpReq...
AJAX – 创建 XMLHttpRequest 对象 XMLHttpRequest 是 AJAX 的基础。 XMLHttpRequest 对象 所有现代浏览器均支持 XMLHttpRequest 对象(IE5 和 IE6 使用 ActiveXObject)。 XMLHttpRequest 用于在后台与服务器交换...
在使用XMLHttpRequest对象发送请求和处理响应之前,必须先用JavaScript创建一个XMLHttpRequest对象。由于XMLHttpRequest不是一个W3C标准,所以可以采用多种方法使用JavaScript来创建XMLHttpRequest的实例。 ...
一、XMLHttpRequest对象 1.Ajax能够是实现异步传输,所依赖的就是JavaScript中的XMLHttpRequest 2.XMLHttpRequest对象是XMLHttp组件的对象,它是一个抽象对象,允许脚本从服务器获取返回的eXML数据或将数据发送到...
创建xmlhttprequest对象,XMLHttpRequest对象用来和服务器交换数据。 var xmlhttp =new XMLHttpRequest(); 第二步:注册回调函数 onreadystatechange函数,当服务器响应请求并返回数据后,我们想要客户端处理这些...
在ajax应用中,通常一个页面要同时发送多个请求,如果只有一个XMLHttpRequest对象,前面的请求还未完成,后面的就会把前面的覆盖掉,如果每次都创建一个新的XMLHttpRequest对象,也会造成浪费。解决的办法就是创建一...