Ajax实例

最新推荐文章于 2024-09-12 10:35:21 发布

朱哥哥很爱小龙女

最新推荐文章于 2024-09-12 10:35:21 发布

阅读量706

点赞数

本文链接：https://blog.csdn.net/pb951028/article/details/81538742

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function loadXMLDoc() {
            var xmlhttp;
            if(window.XMLHttpRequest) {
                xmlhttp = new XMLHttpRequest();
                //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
            }
            else {
                xml = new ObjectXActive("Microsoft.XMLHTTP");
                // IE6, IE5 浏览器执行代码
            }
            xmlhttp.onreadystatechange = function () {
                if(xmlhttp.readyState ==4 && xmlhttp.status == 200) {
                    document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
                }
            }
            xmlhttp.open("GET", "/ajax_info.txt", true);
            xmlhttp.send();
        }
    </script>
</head>
<body>
    <div id="myDiv">
        <h2>使用AJAX修改该文本内容</h2>
        <button type="button" οnclick="loadXMLDoc()">修改内容</button>
    </div>
</body>
</html>

1. 创建XMLHttpRequest对象,也就是创建一个异步调用对象

2. 创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息

3. 设置响应HTTP请求状态变化的函数

4. 发送HTTP请求

5. 获取异步调用返回的数据

6. 使用JavaScript和DOM实现局部刷新