Ajax

最新推荐文章于 2025-03-16 10:00:00 发布

原创最新推荐文章于 2025-03-16 10:00:00 发布 · 123 阅读

CC 4.0 BY-SA版权

Ajax技术是网页应用程序实现异步数据交换的核心，它通过XMLHttpRequest对象与服务器进行通信。本文详细介绍了Ajax的三步工作流程：1) 创建XMLHttpRequest对象；2) 使用open方法设置请求类型、URL及异步属性，并发送请求；3) 监听onreadystatechange事件，当状态变为4（请求完成）时，获取并处理响应数据。了解这些基础知识对于前端开发者至关重要。

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

    <script>
        // Ajax技术核心就是XMLHttpRequest对象。
        // Ajax技术的工作原理：可以分成3步

        // 1.创建Ajax对象：
        var xhr = new XMLHttpRequest();
        // 2.xhr 发送请求：
        xhr.open('get', 'test.html', 'true');
        xhr.send();
        // 3.xhr获取响应：
        xhr.onreadystatechange = function () {
            if (xhr.readystate == 4) {//请求的状态码
                /*
                0:请求还没有建立（open执行前）
                1：请求建立了还没发送（执行了open）
                2：请求正式发送（执行了send）
                3：请求已受理，有部分数据可以用，但还没有处理完成
                4：请求完全处理完成
                */
                alert(xhr.responseText);//返回的数据
            }
        }
    </script>