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可以跨浏览器支持。 3. XMLHttpRequ 对象三属性 通过简单例子说明这三个属性的重要性 4. AJAX - 向服务器请求 要想把请求发送到服务器,我们就需要使用 open() 方法和 send() 方法 5. AJAX实例 AJAX可以用来...
AJAX可以跨浏览器支持。 3. XMLHttpRequ 对象三属性 通过简单例子说明这三个属性的重要性 4. AJAX - 向服务器请求 要想把请求发送到服务器,我们就需要使用 open() 方法和 send() 方法 5. AJAX实例 AJAX...
AJAX可以跨浏览器支持。 3. XMLHttpRequ 对象三属性 通过简单例子说明这三个属性的重要性 4. AJAX - 向服务器请求 要想把请求发送到服务器,我们就需要使用 open() 方法和 send() 方法 5. AJAX实例 AJAX可以...
经常有很多朋友遇到浏览器不兼容的烦恼,在此将自己的心得分享给大家。
通过JS实现AJAX的网站也可以前进和后退,并且效果比浏览器自身的前进后退更牛逼。
DynaTrace AJAX是一个运行在IE浏览器下的免费页面性能分析工具,它可以支持主流的IE6、IE7、IE8浏览器。这款工具正是DynaTrace为进入前端性能分析领域而发布的。您可以利用它来分析页面渲染时间、DOM方法执行时间,...
Ajax-Data-Model ajax 数据请求模型封装。在 ajax 请求的生命周期过程中,实现基于项目约定的通用行为...2.1 浏览器中直接引用使用 A. 引入 jquery.min.js 和 adm.jquery.min.js <script src="lib/jquery/juqery.min
Ajax-zwave-core.zip,灵活的z-wave服务服务器-快速独立地访问z-wave节点-有计划/受支持:rest-api、浏览器ui、mqtt*-非常适合维护大节点数,直接替换ozwcp!,ajax代表异步javascript和xml。它是多种web技术的集合,...
Ajax-atomic.zip,一个小巧的、基于promise的vanilla js ajax/http插件,具有强大的浏览器支持。,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页,...
Ajax-rext.zip,轻量级()和Promise支持的HTTP请求库,适用于所有浏览器。,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页,其中网页的小部分在不...
js判断浏览器支持xml版本,得到Request对象
基于 XEAjax 扩展的前端虚拟服务插件,对于前后端分离开发模式,使用 ajax+mock 就非常有必要...任何支持 Promise 的环境都能运行,低版本浏览器使用 babel 转码 支持 IE8+、Edge、Chrome、Firefox、Opera、Safari等...
基于 XEAjax 扩展的前端虚拟服务插件,对于前后端分离开发模式,使用 ajax+mock 就非常有必要...任何支持 Promise 的环境都能运行,低版本浏览器使用 babel 转码 支持 IE8+、Edge、Chrome、Firefox、Opera、Safari等...
简单页面访问后台接口的一个样例,用于调试后台接口是否支持跨域,是否支持ajax请求,是否又正确的值返回前端,在postman正确的情况下浏览器不一定能成功,此时就需要用ajax模拟调用检查
简单的Ajax上传器一个用于跨浏览器Ajax文件上传的Javascript插件。 支持拖放,CORS和带有进度条的多个文件上传。 可在IE7-9,移动设备和所有现代浏览器中使用。 var uploader = new ss . SimpleUpload ( { button : ...
WebExplorer - 基于浏览器的资源管理器 全Ajax实现,支持文件浏览、新建编辑文件(夹)、删除移动重命名文件、压缩解压zip文件、文件上传下载等。 基本支持IE5.5以上、FF、Opera浏览器。
浏览器支持:ie8+ ##用法 ###脚本 < script src =" index.js " > </ script > < script > Ajax ( { url : '/xxxx/xxx' , type : 'post' , //default get data : { name : 'xxxx' } ...
dAc-ajax节点Ajax通过PHP代理访问服务器端node.js,并内置支持通过STDIN或在命令行上传递内容。 这在由于端口限制或其他原因而无法运行node.js服务器但可以运行PHP的环境中很有用。 在浏览器中使用ajax-node.js,在...
支持 IE浏览器 Firefox浏览器 ,Safan浏览器 Camino浏览器 Gecko浏览器 的ajax代码
经测试,用此方法创建XMLHttpRequest对象,在运用AJAX的时候,可以的兼容IE6,IE7,IE8,Opera,Safari,Google Chrome,fireFox。主流的应该就这些吧?theWorld,遨游等浏览器都是以IE为核心的,所以肯定也没问题。 另外...