位置:电子教程 > ajax教程 (如果看不到内容请使用360浏览器) 推荐学习资源
AJAX 教程概要
AJAX 工作原理
创建 XMLHttpRequest 对象
XMLHttpRequest请求
XMLHttpRequest 服务器 响应
onreadystatechange 事件
AJAX PHP实例
AJAX 3级联动全国区域
当前阅读教程:ajax教程 > 创建 XMLHttpRequest 对象
阅读(22555525)      收藏       赞(5685)      分享
上一篇: AJAX 工作原理 下一篇: XMLHttpRequest请求

XMLHttpRequest AJAX 的基础。

XMLHttpRequest 对象

所有现代浏览器均支持 XMLHttpRequest 对象(IE5 IE6 使用 ActiveXObject)。

XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

创建 XMLHttpRequest 对象

所有现代浏览器(IE7+FirefoxChromeSafari 以及 Opera)均内建 XMLHttpRequest 对象。

创建 XMLHttpRequest 对象的语法:

variable=new XMLHttpRequest();

老版本的 Internet Explorer IE5 IE6)使用 ActiveX 对象:

variable=new ActiveXObject("Microsoft.XMLHTTP");

为了应对所有的现代浏览器,包括 IE5 IE6,请检查浏览器是否支持 XMLHttpRequest 对象。如果支持,则创建 XMLHttpRequest 对象。如果不支持,则创建 ActiveXObject

示例

小白教程网www.2d5.net

代码

<!DOCTYPE html>
<html>
<title>小白教程网(www.2d5.net)</title>
<head>
    <meta charset="utf-8">
    <script>
        function loadTxt()
        {
            var xmlhttp;
            if (window.XMLHttpRequest)
            {
                //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
                xmlhttp=new XMLHttpRequest();
                alert("执行代码1");
            }
            else
            {
                // IE6, IE5 浏览器执行代码
                xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                alert("执行代码2");
            }
        }
    </script>
</head>
<body>
 
<button type="button" onclick="loadTxt()">创建 XMLHttpRequest 对象</button>
 
</body>
</html>

效果图

小白教程网www.2d5.net

image.png

上一篇: AJAX 工作原理 下一篇: XMLHttpRequest请求
毕业设计网             广告联系QQ:45157718(微信同号)