`
yangxianjiangg
  • 浏览: 61316 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

AJAX - XMLHttpRequest对象浏览器支持

    博客分类:
  • Ajax
阅读更多

AJAX 的要点是 XMLHttpRequest 对象。

不同的浏览器创建 XMLHttpRequest 对象的方法是有差异的。

IE 浏览器使用 ActiveXObject,而其他的浏览器使用名为

XMLHttpRequest 的 JavaScript 内建对象。

如需针对不同的浏览器来创建此对象,我们要使用一条 "try

and catch" 语句。您可以在我们的 JavaScript 教程中阅读更

多有关 try 和 catch 语句 的内容。

让我们用这段创建 XMLHttpRequest 对象的 JavaScript 来更新

一下我们的 "testAjax.htm" 文件:

<html> 
<body> 

<script type="text/javascript"> 

function ajaxFunction() 
{ 
var xmlHttp; 

try 
    { 
   // Firefox, Opera 8.0+, Safari 
    xmlHttp=new XMLHttpRequest(); 
    } 
catch (e) 
    { 

// Internet Explorer 
   try 
      { 
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); 
      } 
   catch (e) 
      { 

      try 
         { 
         xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); 
         } 
      catch (e) 
         { 
         alert("您的浏览器不支持AJAX!"); 
         return false; 
         } 
      } 
    } 
} 
</script> 

 <form name="myForm">
用户: <input type="text" name="username" />
时间: <input type="text" name="time" />
</form></body>
</html>
例子解释:
首先声明一个保存 XMLHttpRequest 对象的 xmlHttp 变量。

然后使用 XMLHttp=new XMLHttpRequest() 来创建此对象。这条

语句针对 Firefox、Opera 以及 Safari 浏览器。假如失败,则

尝试针对 Internet Explorer 6.0+ 的 xmlHttp=new

ActiveXObject("Msxml2.XMLHTTP"),假如也不成功,则尝试针

对 Internet Explorer 5.5+ 的 xmlHttp=new ActiveXObject

("Microsoft.XMLHTTP")。

假如这三种方法都不起作用,那么这个用

 

分享到:
评论

相关推荐

    Ajax-hook:拦截由XMLHttpRequest发出的浏览器的AJAX请求-js源码

    在源网页加载之前,实现一个XMLHttpRequest的代理对象,然后覆盖全局的XMLHttpRequest,这样一但上层调用 new XMLHttpRequest这样的代码时,其实创建的是Ajax-hook的代理对象实例

    ajax --XMLHttpRequest

    Ajax技术通过XMLHttpRequest对象实现了网页的异步更新,提高了用户体验。在.NET环境中,Ajax功能得到了广泛支持,开发者可以利用各种工具和库来简化开发流程。对于深入学习,分析Ajax.dll的源码有助于理解底层实现,...

    Ajax 创建XMLHttpRequest对象,兼容所有主流浏览器(IE5除外)

    经测试,用此方法创建XMLHttpRequest对象,在运用AJAX的时候,可以的兼容IE6,IE7,IE8,Opera,Safari,Google Chrome,fireFox。主流的应该就这些吧?theWorld,遨游等浏览器都是以IE为核心的,所以肯定也没问题。 另外...

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

    以下是一个示例代码,用来判断当前浏览器是否支持XMLHttpRequest对象,如果不支持,则创建ActiveXObject: ```javascript var xmlhttp; if (window.XMLHttpRequest) { // 浏览器支持XMLHttpRequest xmlhttp = new...

    Ajax联动-支持所有浏览器

    ### Ajax联动-支持所有浏览器 #### 一、背景与需求 在Web开发中,经常会遇到一个常见的问题:如何实现跨浏览器兼容性?特别是在处理Ajax请求时,不同的浏览器可能有不同的实现方式,这使得开发者不得不考虑各种...

    Ajax-hook:拦截由XMLHttpRequest发出的浏览器的AJAX请求

    阿贾克斯钩原理解析: : 简介Ajax-hook是一个精巧的用于拦截浏览器XMLHttpRequest的库,它可以在XMLHttpRequest对象发起请求之前和接收响应内容之后获得处理权。通过它您可以在对请求和响应进行一些预处理。更新记录...

    Pushlet的Ajax-pushlet-client.js分析

    总结来说,Ajax-pushlet-client.js是通过面向对象的JavaScript技术,利用XMLHttpRequest对象实现HTTP长连接,从而实现服务器向客户端的实时数据推送。其内部结构清晰,逻辑严谨,通过状态管理和事件驱动,有效地处理...

    全面剖析Ajax的XMLHttpRequest对象.doc

    Ajax 中的 XMLHttpRequest 对象 Ajax 是一种异步的 JavaScript 与 XML 技术,用于在客户端脚本与服务器之间实现数据交互过程。XMLHttpRequest 对象是 Ajax 的技术基础,尽管现在提供了各种 Ajax 框架,但是理解这个...

    谷歌浏览器插件—— Ajax Interceptor

    主要由XMLHttpRequest对象负责处理请求和响应,而Ajax Interceptor则是在这个过程中插入了一个中介,提供了对请求和响应的控制。 ### 2. Chrome 扩展开发 Chrome扩展是基于Web技术(HTML、CSS、JavaScript)构建的...

    Ajax--新手快车道.rar

    1. **创建XMLHttpRequest对象**:在JavaScript中,首先需要创建一个XMLHttpRequest对象,这是Ajax通信的基础。 2. **打开连接**:使用XMLHttpRequest对象的open()方法,指定请求类型(GET或POST)、URL和是否异步。 ...

    AJAX学习总结(二)--XMLHttprequest实例

    本篇将聚焦于XMLHttpRequest对象,它是AJAX的核心,负责在后台与服务器进行通信。下面我们将详细探讨XMLHttpRequest的使用方法和实例。 ### 1. XMLHttpRequest简介 XMLHttpRequest(简称XHR)是浏览器内置的一个...

    全面剖析 Ajax XMLHttpRequest对象

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

    ajax-B.rar

    JavaScript库如jQuery、Prototype或AngularJS等,通常简化了AJAX的使用,但在原始的AJAX实现中,我们需要手动创建和配置XMLHttpRequest对象。 **XMLHttpRequest** 是浏览器内置的对象,是AJAX的基础。通过这个对象...

    jQuery AJAX XMLHttpRequest对象PPT

    XMLHttpRequest对象是JavaScript中用于异步数据交换的核心组件,它是AJAX(Asynchronous JavaScript and XML)技术的基础。AJAX允许网页在不刷新整个页面的情况下,仅更新部分区域,从而提高用户体验。尽管名称中...

    xe-ajax-mock1.5.7.js

    尽管现在XML在实际应用中较少使用,但"ajax"这个词仍然广泛用于描述使用XMLHttpRequest对象实现的局部刷新功能。 xe-ajax-mock1.5.7.js 正是利用了这一技术,通过模拟ajax请求的响应,实现了前端的离线开发。 ...

    Ajax-Uploader

    1. **异步上传**:通过XMLHttpRequest对象实现非刷新页面的文件上传,用户可以在等待文件上传的同时继续浏览网页其他内容,提高了交互性。 2. **进度显示**:支持实时展示文件上传进度,让用户了解上传状态,增强...

    ajax----简介

    2. **JavaScript创建XMLHttpRequest对象**:根据不同的浏览器版本创建相应的对象。 3. **发送异步请求**:将请求发送到服务器。 4. **服务器处理请求**:服务器接收到请求后执行相应的逻辑,处理数据。 5. **返回...

    ajax--测试

    1. **创建XMLHttpRequest对象**:在JavaScript中,几乎所有的现代浏览器都内置了XMLHttpRequest对象,可以通过`new XMLHttpRequest()`来创建。这个对象是Ajax通信的基础,用于建立与服务器的连接并发送请求。 2. **...

Global site tag (gtag.js) - Google Analytics