<meta charset="UTF-8"><title>AJAX入门示例</title><button id="btn">确定</button>
    <div id="result"></div>

    <script>
        // 绑定点击事件处理
        document.getElementById('btn').onclick = function () {
            // 创建Ajax对象实例
            var xhr = new XMLHttpRequest();

            // 创建Ajax对象并初始化，发送GET请求
            xhr.open('GET', 'get_data.php', true);

            // 当Ajax状态码变化时自动触发的回调函数
            xhr.onreadystatechange = function () {
                // 当Ajax状态码为4时，表示数据接收已完成
                if (xhr.readyState === 4 && xhr.status === 200) {
                    // 提取返回结果
                    document.getElementById('result').innerHTML = xhr.responseText;
                }
            };

            // 发起异步请求
            xhr.send();
        };
    </script>

<?php // 编写PHP代码用于返回数据
echo "Hello，这是来自服务器的响应数据！";
?>

使用华数设计生成高保真HTML原型、演示文稿、动画和设计评审

使用经过文档化的设计技能，从真实的品牌或项目背景中生成HTML原生原型、幻灯片、动态演示、可视化图表和评审流程。

下载