如何用PHP和Ajax异步获取数据

16次阅读

共计 791 个字符，预计需要花费 2 分钟才能阅读完成。

使用 PHP 和 Ajax 可以很方便地实现异步获取数据的功能。以下是一个简单的示例代码：

创建一个 PHP 文件（例如 data.php），用于处理数据请求并返回数据。

<?php
// 获取需要返回的数据 
$data = array("name" => "John", "age" => 30);

// 将数据转换为 JSON 格式 
echo json_encode($data);
?>

创建一个 HTML 文件，包含一个按钮和一个用于显示数据的 div 元素。

<!DOCTYPE html>
<html>
<head>
    <title>Async Data</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){$("#getData").click(function(){$.ajax({url: "data.php",
                    type: "GET",
                    success: function(response){// 解析返回的 JSON 数据 
                        var data = JSON.parse(response);
                        
                        // 将数据显示在页面上 
                        $("#result").html("Name: " + data.name + ", Age: " + data.age);
                    }
                });
            });
        });
    </script>
</head>
<body>
    <button id="getData">Get Data</button>
    <div id="result"></div>
</body>
</html>