AJAX入门之XMLHttpRequest慨述

 更新时间:2006年06月25日 00:00:00   作者:  
在使用XMLHttpRequest对象发送请求和处理响应之前,必须先用JavaScript创建一个XMLHttpRequest对象。由于XMLHttpRequest不是一个W3C标准,所以可以采用多种方法使用JavaScript来创建XMLHttpRequest的实例。Internet Explorer把XMLHttpRequest实现为一个ActiveX对象,其他浏览器(如Firefox、Safari和Opera)把它实现为一个本地JavaScript对象。由于存在这些差别,JavaScript代码中必须包含有关的逻辑,从而使用ActiveX技术或者使用本地JavaScript对象技术来创建XMLHttpRequest的一个实例。

  很多人可能还记得从前的那段日子,那时不同浏览器上的JavaScript和DOM实现简直千差万别,听了上面这段话之后,这些人可能又会不寒而栗。幸运的是,在这里为了明确该如何创建XMLHttpRequest对象的实例,并不需要那么详细地编写代码来区别浏览器类型。你要做的只是检查浏览器是否提供对ActiveX对象的支持。如果浏览器支持ActiveX对象,就可以使用ActiveX来创建XMLHttpRequest对象。否则,就要使用本地JavaScript对象技术来创建。代码清单2-1展示了编写跨浏览器的JavaScript代码来创建XMLHttpRequest对象实例是多么简单。

  代码清单2-1 创建XMLHttpRequest对象的一个实例

var xmlHttp;

function createXMLHttpRequest() {
  if (window.ActiveXObject) {
   xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  }
  else if (window.XMLHttpRequest) {
   xmlHttp = new XMLHttpRequest();
  }
}

  可以看到,创建XMLHttpRequest对象相当容易。首先,要创建一个全局作用域变量xmlHttp来保存这个对象的引用。createXMLHttpRequest方法完成创建XMLHttpRequest实例的具体工作。这个方法中只有简单的分支逻辑(选择逻辑)来确定如何创建对象。对window.ActiveXObject的调用会返回一个对象,也可能返回null,if语句会把调用返回的结果看作是true或false(如果返回对象则为true,返回null则为false),以此指示浏览器是否支持ActiveX控件,相应地得知浏览器是不是Internet Explorer。如果确实是,则通过实例化ActiveXObject的一个新实例来创建XMLHttpRequest对象,并传入一个串指示要创建何种类型的ActiveX对象。在这个例子中,为构造函数提供的字符串是Microsoft.XMLHTTP,这说明你想创建XMLHttpRequest的一个实例。

  如果window.ActiveXObject调用失败(返回null),JavaScript就会转到else语句分支,确定浏览器是否把XMLHttpRequest实现为一个本地JavaScript对象。如果存在window.

  XMLHttpRequest,就会创建XMLHttpRequest的一个实例。

  由于JavaScript具有动态类型特性,而且XMLHttpRequest在不同浏览器上的实现是兼容的,所以可以用同样的方式访问XMLHttpRequest实例的属性和方法,而不论这个实例创建的方法是什么。这就大大简化了开发过程,而且在JavaScript中也不必编写特定于浏览器的逻辑。

相关文章

  • AJAX入门之深入理解JavaScript中的函数

    AJAX入门之深入理解JavaScript中的函数

    AJAX入门之深入理解JavaScript中的函数...
    2006-06-06
  • javascript请求servlet实现ajax示例(分享)

    javascript请求servlet实现ajax示例(分享)

    下面小编就为大家带来一篇javascript请求servlet实现ajax示例(分享)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • IE8用ajax访问不能每次都刷新的问题

    IE8用ajax访问不能每次都刷新的问题

    这篇文章主要介绍了IE8用ajax访问不能每次都刷新的问题 的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-07-07
  • ajax分页查询详解

    ajax分页查询详解

    本文主要介绍了ajax实现分页查询的步骤与方法。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • AJAX根据城市名,自动完成相应的城市信息

    AJAX根据城市名,自动完成相应的城市信息

    AJAX根据城市名,自动完成相应的城市信息...
    2007-01-01
  • Ajax获取XMLHttp对象的方法

    Ajax获取XMLHttp对象的方法

    这篇文章主要介绍了Ajax获取XMLHttp对象的方法,涉及JavaScript基于ajax的浏览器判定、加载等技巧,非常简单实用,需要的朋友可以参考下
    2015-12-12
  • 探讨.get .post .ajax ztree 还有后台servlet传递数据的相关知识

    探讨.get .post .ajax ztree 还有后台servlet传递数据的相关知识

    这篇文章主要介绍了探讨.get .post .ajax ztree 还有后台servlet传递数据的相关知识,需要的朋友可以参考下
    2015-12-12
  • 用ajax动态加载需要的js文件

    用ajax动态加载需要的js文件

    这篇文章给大家介绍了用ajax动态加载需要的js文件的相关知识,感兴趣的朋友跟随脚本之家小编一起学习吧
    2007-11-11
  • Ajax实现跨域访问最新解决方案

    Ajax实现跨域访问最新解决方案

    在项目开发过程中,我们经常会遇到同一个域名下不同项目之间通过Ajax相互调用数据,这样问题就来了,如何通过Ajax实现跨域呢?下面脚本之家小编给大家带来了Ajax实现跨域访问最新解决方案,感兴趣的朋友一起看看吧
    2018-07-07
  • 探秘ajax跨域请求

    探秘ajax跨域请求

    本文讲解的是怎么利用ajax实现跨域请求,那么知道“同源策略”,就可以解决很多疑问:“为毛我的ajax加载不了数据!”“为毛浏览器控制台会对我如此漂亮的代码报错!”这就是我们今天要主要探讨的内容了。
    2015-03-03

最新评论