php的ajax简单实例



<?php
// server.php
// 假设这是你的服务器端PHP脚本
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    // 接收AJAX发送的数据
    $data = $_POST['data'];
    
    // 处理数据(这里只是简单返回接收到的数据)
    echo json_encode(['response' => 'Received: ' . $data]);
}
?>

<!DOCTYPE html>
<html>
<head>
    <title>PHP AJAX 实例</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>

<h2>PHP AJAX 实例</h2>

<button type="button" onclick="sendAjax()">发送 AJAX 请求</button>

<p id="response"></p>

<script>
function sendAjax() {
    var data = "Hello, Server!";
    
    // 使用jQuery发送AJAX请求
    $.ajax({
        type: "POST",
        url: "server.php", // 确保这个URL指向你的PHP脚本
        data: { data: data },
        success: function(response) {
            // 处理响应
            $('#response').html(JSON.parse(response).response);
        },
        error: function() {
            alert("请求失败!");
        }
    });
}
</script>

</body>
</html>

这是一个简单的PHP和AJAX结合的实例。在这个例子中,我们有一个HTML页面,其中包含一个按钮和一个段落标签用于显示响应。当用户点击按钮时,会触发`sendAjax`函数,该函数使用jQuery的`$.ajax`方法向服务器发送一个POST请求。服务器端的PHP脚本(假设保存在`server.php`文件中)接收这个请求,处理数据(在这个例子中只是简单地将接收到的数据返回),并以JSON格式发送回响应。然后,AJAX请求的`success`回调函数会处理这个响应,并将其显示在段落标签中。

请注意,这个示例假设你的服务器环境已经配置好,并且PHP脚本可以正常运行。此外,为了简化示例,这里使用了jQuery来发送AJAX请求,因为jQuery提供了更简洁的API来处理AJAX请求。如果你不想使用jQuery,你也可以使用原生的JavaScript `XMLHttpRequest`对象或`fetch` API来发送AJAX请求。