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联动-支持所有浏览器 #### 一、背景与需求 在Web开发中，经常会遇到一个常见的问题：如何实现跨浏览器兼容性？特别是在处理Ajax请求时，不同的浏览器可能有不同的实现方式，这使得开发者不得不考虑各种...
AJAX可以跨浏览器支持。 3. XMLHttpRequ 对象三属性 通过简单例子说明这三个属性的重要性 4. AJAX - 向服务器请求 要想把请求发送到服务器，我们就需要使用 open() 方法和 send() 方法 5. AJAX实例 AJAX可以...
2. **数据绑定**：Ajax-ext支持双向数据绑定，使得UI状态与后台数据同步，降低了处理用户交互的复杂性。 3. **Ajax操作**：提供简便的Ajax接口，可以轻松实现异步请求，获取或更新服务器端数据。 4. **事件驱动**...
例如，可能提升了分析速度，增强了异常检测能力，或者增加了对最新浏览器和框架的支持。安装文件“dynatrace-AJAX-edition-3.6.0.1053.msi”将引导用户完成整个安装过程，使得这款工具能够无缝集成到开发环境中。 ...
Ajax Interceptor 的实现离不开JavaScript和ECMAScript的支持。 ### 7. 前端开发工具生态 Ajax Interceptor 是前端开发者工具箱中的一员，它与Chrome DevTools、Postman、Prettier、ESLint等工具一起，构建了强大的...
1. **浏览器兼容性**：不同浏览器对Ajax的支持程度不同，需要处理兼容问题。 2. **SEO**：搜索引擎爬虫无法抓取通过Ajax加载的内容，影响搜索引擎优化。 3. **历史记录**：默认情况下，Ajax请求不会改变浏览器的历史...
1. **兼容性**：Ajax-Bridge 设计时考虑了浏览器的兼容性，支持包括IE在内的多种浏览器，确保在不同的环境下都能正常工作。 2. **简单易用**：提供简洁的API，让开发者能够快速上手，减少学习成本。 3. **数据封装**...
本文将详细介绍如何使用JavaScript来实现AJAX支持的浏览器后退和前进功能，以提供更流畅的导航体验。 首先，理解浏览器的后退和前进机制是关键。浏览器使用历史记录栈来跟踪用户的浏览历史，每次用户访问新页面或...
4. **jQuery和其他库**：虽然.NET提供了内置支持，但开发者通常会使用如jQuery这样的JavaScript库来简化AJAX调用，因为它们提供了更简单的API和跨浏览器兼容性。 **.NET中的AJAX支持** 1. **ASP.NET AJAX**：这是...
7. **多线程上传**：为了提高上传速度，控件可能支持多线程同时上传不同的文件。 8. **权限管理**：根据用户权限控制上传文件的数量和类型。 Ajax-Uploader的实现可能依赖于一些开源库，如jQuery-File-Upload、...
"fetch" 是现代浏览器支持的一种新的异步数据获取方式，它比传统的XMLHttpRequest更具有可读性和灵活性。xe-ajax-mock也兼容fetch API，这意味着开发者可以使用fetch语法进行数据请求，并同样能得到模拟数据的响应。...
尽管AJAX主要涉及客户端技术，但通常需要服务器端的支持来处理请求和提供数据。在Ajax-B项目中，可能使用Java编写了服务器端接口，比如Servlet或Spring MVC控制器，这些接口接收来自AJAX请求的数据，并返回需要更新...
2. 自定义JavaScript：不依赖jQuery，也可以使用原生的XMLHttpRequest对象或者现代浏览器支持的fetch API实现相同的功能。 三、相关知识点 1. JavaScript事件处理：包括事件监听、事件触发和事件阻止默认行为（如`...
- **浏览器支持**：包括Google Chrome、Mozilla Firefox、Internet Explorer、Opera、Safari等主流浏览器都支持AJAX。 - **服务器端技术**：如Java、.Net、PHP、Ruby on Rails等都可以与AJAX配合使用。 #### 十一、...
9. **跨浏览器兼容**：考虑到不同的浏览器环境，Ajax-Uploader通常会支持主流的浏览器，如Chrome、Firefox、Safari、Edge和Internet Explorer。 10. **与后端接口无缝对接**：与后端服务器的交互通常通过JSON或XML...
2. **浏览器兼容性**：考虑到不同的浏览器对Ajax和CSS的支持程度，需要做适当的兼容性处理。 3. **用户体验**：合理设计弹窗的出现时机和消失方式，避免干扰用户的正常操作。 总结，Ajax-Popup是Ajax技术的一种实用...
1. 支持浏览器和Node.js 2. 支持Promise API 3. 能拦截请求和响应 4. 可转换请求和响应数据 5. 能取消请求 6. 自动转换JSON数据 7. 客户端支持防御XSRF攻击 **二、URL编码与表单序列化** 在发送HTTP请求时，尤其是...
DynaTrace AJAX是一个运行在IE浏览器下的免费页面性能分析工具，它可以支持主流的IE6、IE7、IE8浏览器。这款工具正是DynaTrace为进入前端性能分析领域而发布的。您可以利用它来分析页面渲染时间、DOM方法执行时间，...