Ajax入门实例精讲-电脑软件-PHP中文网

Ajax入门实例精讲

DDD

发布： 2025-10-31 08:11:10

原创

803人浏览过

ajax入门实例精讲

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>AJAX入门示例</title>
</head>
<body>
    <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>
</body>
</html>

登录后复制

Ajax入门实例精讲

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

登录后复制

Ajax入门实例精讲

Hishop易分销通用版

易分销2.0免费版，是一套让您能快速拥有开展网店代理、网络渠道分销能力的货源分销网店系统，经过市场两年多的运营，汇总了数千名用户的意见反馈而精心推出的基础型分销网店系统。为了进一步降低电子商务的准入门槛，易分销2.0免费版即日起实施公开免费。所有使用易分销2.0免费版的用户可终身免费使用。易分销2.0免费版本是Hishop为了降低企业网络分销门槛，让更多企业能快速低成本的开展网络分销业务而推出的基