`

AJAX - 浏览器支持

阅读更多
AJAX - 浏览器支持
AJAX 的要点是 XMLHttpRequest 对象。

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

IE 浏览器使用 ActiveXObject,而其他的浏览器使用名为 XMLHttpRequest 的 JavaScript 内建对象。

如需针对不同的浏览器来创建此对象,我们要使用一条 "try and catch" 语句。您可以在我们的 JavaScript 教程中阅读更多有关 try 和 catch 语句 的内容。



<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 的提示。

注释:上面这些浏览器定制的代码很长,也很复杂。不过,每当您希望创建 XMLHttpRequest 对象时,这些代码就能派上用场,因此您可以在任何需要使用的时间拷贝粘贴这些代码。上面这些代码兼容所有的主流浏览器:Internet Explorer、Opera、Firefox 以及 Safari。
分享到:
评论

相关推荐

    Ajax教程chm文档

    AJAX可以跨浏览器支持。 3. XMLHttpRequ 对象三属性 通过简单例子说明这三个属性的重要性 4. AJAX - 向服务器请求 要想把请求发送到服务器,我们就需要使用 open() 方法和 send() 方法 5. AJAX实例 AJAX可以用来...

    明仔中文网のAjax教程一看就会(价值上千元的教程)免费提供.rar

    AJAX可以跨浏览器支持。 3. XMLHttpRequ 对象三属性 通过简单例子说明这三个属性的重要性 4. AJAX - 向服务器请求 要想把请求发送到服务器,我们就需要使用 open() 方法和 send() 方法 5. AJAX实例 AJAX...

    明仔中文网のAJAX教程一看就会(价值上千元的教程)免费提供.rar

    AJAX可以跨浏览器支持。 3. XMLHttpRequ 对象三属性 通过简单例子说明这三个属性的重要性 4. AJAX - 向服务器请求 要想把请求发送到服务器,我们就需要使用 open() 方法和 send() 方法 5. AJAX实例 AJAX可以...

    Ajax联动-支持所有浏览器

    经常有很多朋友遇到浏览器不兼容的烦恼,在此将自己的心得分享给大家。

    关于ajax支持浏览器后退前进的做法

    通过JS实现AJAX的网站也可以前进和后退,并且效果比浏览器自身的前进后退更牛逼。

    dynatrace-AJAX-edition-3.7.0.1155

    DynaTrace AJAX是一个运行在IE浏览器下的免费页面性能分析工具,它可以支持主流的IE6、IE7、IE8浏览器。这款工具正是DynaTrace为进入前端性能分析领域而发布的。您可以利用它来分析页面渲染时间、DOM方法执行时间,...

    ajax-data-model:ajax 通用数据请求处理模型。提供 ajax 请求、数据缓存、通用性接口约定处理等能力

    Ajax-Data-Model ajax 数据请求模型封装。在 ajax 请求的生命周期过程中,实现基于项目约定的通用行为...2.1 浏览器中直接引用使用 A. 引入 jquery.min.js 和 adm.jquery.min.js &lt;script src="lib/jquery/juqery.min

    Ajax-zwave-core.zip

    Ajax-zwave-core.zip,灵活的z-wave服务服务器-快速独立地访问z-wave节点-有计划/受支持:rest-api、浏览器ui、mqtt*-非常适合维护大节点数,直接替换ozwcp!,ajax代表异步javascript和xml。它是多种web技术的集合,...

    Ajax-atomic.zip

    Ajax-atomic.zip,一个小巧的、基于promise的vanilla js ajax/http插件,具有强大的浏览器支持。,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页,...

    Ajax-rext.zip

    Ajax-rext.zip,轻量级()和Promise支持的HTTP请求库,适用于所有浏览器。,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页,其中网页的小部分在不...

    ajax 使用 js判断浏览器支持xml版本

    js判断浏览器支持xml版本,得到Request对象

    xe-ajax-mock1.4.7.js

    基于 XEAjax 扩展的前端虚拟服务插件,对于前后端分离开发模式,使用 ajax+mock 就非常有必要...任何支持 Promise 的环境都能运行,低版本浏览器使用 babel 转码 支持 IE8+、Edge、Chrome、Firefox、Opera、Safari等...

    xe-ajax-mock1.4.9.js

    基于 XEAjax 扩展的前端虚拟服务插件,对于前后端分离开发模式,使用 ajax+mock 就非常有必要...任何支持 Promise 的环境都能运行,低版本浏览器使用 babel 转码 支持 IE8+、Edge、Chrome、Firefox、Opera、Safari等...

    浏览器调试ajax请求

    简单页面访问后台接口的一个样例,用于调试后台接口是否支持跨域,是否支持ajax请求,是否又正确的值返回前端,在postman正确的情况下浏览器不一定能成功,此时就需要用ajax模拟调用检查

    Simple-Ajax-Uploader:具有进度条支持的Javascript文件上传插件。 在所有主要浏览器上均可使用,包括IE7 +,Chrome,Firefox,Safari和Opera。 没有依赖关系-在有或没有jQuery的情况下均可使用

    简单的Ajax上传器一个用于跨浏览器Ajax文件上传的Javascript插件。 支持拖放,CORS和带有进度条的多个文件上传。 可在IE7-9,移动设备和所有现代浏览器中使用。 var uploader = new ss . SimpleUpload ( { button : ...

    WebExplorer - 基于浏览器的资源管理器

    WebExplorer - 基于浏览器的资源管理器 全Ajax实现,支持文件浏览、新建编辑文件(夹)、删除移动重命名文件、压缩解压zip文件、文件上传下载等。 基本支持IE5.5以上、FF、Opera浏览器。

    ajax-easy:一个简单的ajax库

    浏览器支持:ie8+ ##用法 ###脚本 &lt; script src =" index.js " &gt; &lt;/ script &gt; &lt; script &gt; Ajax ( { url : '/xxxx/xxx' , type : 'post' , //default get data : { name : 'xxxx' } ...

    dac-ajax-node:通过PHP代理对服务器端node.js的Ajax访问

    dAc-ajax节点Ajax通过PHP代理访问服务器端node.js,并内置支持通过STDIN或在命令行上传递内容。 这在由于端口限制或其他原因而无法运行node.js服务器但可以运行PHP的环境中很有用。 在浏览器中使用ajax-node.js,在...

    支持多浏览器ajax javascript

    支持 IE浏览器 Firefox浏览器 ,Safan浏览器 Camino浏览器 Gecko浏览器 的ajax代码

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

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

Global site tag (gtag.js) - Google Analytics