php ajax 聊天(ajax调用php接口：示例代码)

温馨提示：这篇文章已超过239天没有更新，请注意相关的内容是否还可用！

PHP Ajax 聊天是一种实时的网页聊天系统，它利用 Ajax 技术来实现与服务器的异步通信，从而实现实时的消息传递。在这种聊天系统中，前端页面通过 Ajax 调用后端的 PHP 接口来发送和接收消息。

我们需要创建一个前端页面，用于显示聊天界面和发送消息。在页面中，我们可以使用一个文本框来输入要发送的消息，一个按钮来触发发送操作，以及一个消息显示区域来展示聊天记录。


<!DOCTYPE html>
<html>
<head>
    <title>PHP Ajax 聊天</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            // 发送消息
            $("#send").click(function(){
                var message = $("#message").val();
                $.ajax({
                    url: "chat.php",
                    method: "POST",
                    data: {message: message},
                    success: function(response){
                        // 清空输入框
                        $("#message").val("");
                        // 显示发送的消息
                        $("#chat").append("<div class='52c8-f134-109c-3114 sent'>" + message + "</div>");
                        // 显示接收到的消息
                        $("#chat").append("<div class='f134-109c-3114-f3f4 received'>" + response + "</div>");
                    }
                });
            });
        });
    </script>
    <style>
        .sent {
            background-color: lightblue;
            padding: 5px;
            margin-bottom: 5px;
        }
        .received {
            background-color: lightgreen;
            padding: 5px;
            margin-bottom: 5px;
        }
    </style>
</head>
<body>
    <h1>PHP Ajax 聊天</h1>
    <div id="chat"></div>
    <input type="text" id="message" placeholder="输入消息">
    <button id="send">发送</button>
</body>
</html>

接下来，我们需要创建一个 PHP 接口，用于处理前端发送的消息，并返回回复。在接口中，我们首先获取前端发送的消息，然后可以根据具体的业务逻辑进行处理，例如根据消息内容进行自动回复。


<?php
if(isset($_POST['message'])){
    $message = $_POST['message'];
    // 根据具体的业务逻辑进行处理，例如自动回复
    if($message == '你好'){
        $response = '你好，有什么可以帮助你的？';
    }else{
        $response = '抱歉，我不明白你的意思。';
    }
    echo $response;
}
?>

以上就是 PHP Ajax 聊天的示例代码。通过这段代码，我们可以实现一个简单的聊天系统，用户可以在前端页面输入消息并发送，后端接口会根据具体的业务逻辑进行处理并返回相应的回复，前端页面会将发送和接收的消息显示在聊天记录区域中。这样就实现了实时的网页聊天功能。

php ajax 聊天(ajax调用php接口：示例代码)

相关阅读