笙亿网络策划

Ajax 浏览器支持情况怎么查？各个浏览器兼容性如何？

约 4 分钟读完 42 阅
文章导读
Previous Quiz Next 并非所有浏览器都支持 AJAX。以下是支持 AJAX 的主要浏览器列表。
📋 目录
  1. Ⅰ 编写浏览器特定代码
A A

AJAX - 浏览器支持

Previous
Quiz
Next

并非所有浏览器都支持 AJAX。以下是支持 AJAX 的主要浏览器列表。

  • Mozilla Firefox 1.0 及以上版本。
  • Netscape 7.1 及以上版本。
  • Apple Safari 1.2 及以上版本。
  • Microsoft Internet Explorer 5 及以上版本。
  • Konqueror。
  • Opera 7.6 及以上版本。

在编写下一个应用程序时，请考虑不支持 AJAX 的浏览器。

注意 − 当我们说浏览器不支持 AJAX 时，仅仅意味着该浏览器不支持创建 JavaScript 对象 − XMLHttpRequest 对象。

编写浏览器特定代码

使源代码与浏览器兼容的最简单方法是在 JavaScript 中使用 try...catch 块。

示例

<html>
<body>
<script language = "javascript" type = "text/javascript">
   <!-- 
   //浏览器支持代码
   function ajaxFunction() {
      var ajaxRequest;  // 使 Ajax 成为可能的变量！
      try {
         // Opera 8.0+、Firefox、Safari 
         ajaxRequest = new XMLHttpRequest();
      } catch (e) {
         // Internet Explorer 浏览器
         try {
            ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
         } catch (e) {
            try {
               ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {
               // 出现问题
               alert("您的浏览器坏了！");
               return false;
            }
         }
      }
   }
   //-->
</script>
<form name = 'myForm'>
   Name: <input type = 'text' name = 'username' /> <br />
   Time: <input type = 'text' name = 'time' />
</form>
</body>
</html>

输出

Browser Support

在上面的 JavaScript 代码中，我们尝试三次来创建 XMLHttpRequest 对象。我们的第一次尝试 −

  • ajaxRequest = new XMLHttpRequest();

这是针对 Opera 8.0+、Firefox 和 Safari 浏览器的。如果失败，我们再尝试两次为 Internet Explorer 浏览器创建正确的对象 −

  • ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
  • ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");

如果仍然不行，那么我们使用的就是一个非常过时的不支持 XMLHttpRequest 的浏览器，这也意味着它不支持 AJAX。

不过，最有可能的是，我们的变量 ajaxRequest 现在已经被设置为浏览器使用的任何 XMLHttpRequest 标准，我们就可以开始向服务器发送数据了。逐步的 AJAX 工作流程将在下一章中解释。