ajax兼容各种浏览器

最新推荐文章于 2021-09-04 10:22:42 发布

读书与远方

最新推荐文章于 2021-09-04 10:22:42 发布

阅读量643

点赞数

分类专栏： Ajax

本文链接：https://blog.csdn.net/yingchunhua365/article/details/17074641

版权

Ajax 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

AJAX 的要点是 XMLHttpRequest 对象。

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

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

如需针对不同的浏览器来创建此对象，我们要使用一条 "try and catch" 语句。

让我们用这段创建 XMLHttpRequest 对象的 JavaScript 来更新一下我们的 "testAjax.htm" 文件：

[html] view plain copy

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">
        function ajaxFunction() {
            var xmlHttp = false;
            try {
                xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); // ie msxml3.0+（IE7.0及以上）
            } catch (e) {
                try {
                    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); //ie msxml2.6（IE5/6）
                } catch (e2) {
                    xmlHttp = false;
                }
            }
            if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {// Firefox, Opera 8.0+, Safari
                xmlHttp = new XMLHttpRequest();
            }
            return xmlHttp;
        }
    </script>
</head>
<body>
    <form name="myForm" action="" method="post">
        用户: <input type="text" name="username" />
        时间: <input type="text" name="time" />
    </form>
</body>
</html