XMLHttpRequest对象

最新推荐文章于 2022-04-25 12:33:31 发布

原创最新推荐文章于 2022-04-25 12:33:31 发布 · 141 阅读

1 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

5 篇文章

订阅专栏

本文深入讲解了XMLHttpRequest对象的使用方法，包括如何创建对象、发送同步和异步请求，以及如何处理响应。通过实例演示了如何用JavaScript进行AJAX调用，实现网页局部更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

XMLHttpRequest对象

<html >
<head><meta charset="UTF-8"></head>
<body>
    <div id="block">
    </div>
</body>
<script type="text/javascript">
     var xmlHttp;
     if(window.XMLHttpRequest) { //大多数浏览器
        xmlHttp = new XMLHttpRequest();
     } else { //IE6，IE5
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
     }
     //同步请求
     xmlHttp.onreadystatechange = function() {
        //readyState  0、1、2、3、4状态
        if(xmlHttp.readyState == 4 && xmlHttp.status == 200) {
            document.getElementById("block").innerHTML = xmlHttp.responseText;
        }
     }
     xmlHttp.open("GET","demo.json",true);  //规定请求
     xmlHttp.send(); //发送请求
     //异步请求
     // xmlHttp.open("GET","demo.json",false);  //规定请求
     // xmlHttp.send(); //发送请求
     // document.getElementById("block").innerHTML = xmlHttp.responseText;
</script>
</html>