jquery在线咨询

<!-- 确保jQuery库正确加载 -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- 加载自定义CSS -->
<link rel="stylesheet" href="path/to/your/chat-style.css">

$.ajax({
    url: 'path/to/your/backend/script.php',
    type: 'POST',
    data: { message: $('#message').val() },
    success: function(response) {
        $('#chat-box').append('<p>You: ' + $('#message').val() + '</p>');
        $('#message').val(''); // 清空输入框
    },
    error: function(xhr, status, error) {
        console.error('Error sending message:', error);
    }
});

<?php
// 连接数据库
$conn = new mysqli('localhost', 'username', 'password', 'database');

// 检查连接
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
}

// 插入消息到数据库
$message = $_POST['message'];
$sql = "INSERT INTO chat_messages (message) VALUES ('$message')";
if ($conn->query($sql) === TRUE) {
    echo "Message saved successfully";
} else {
    echo "Error: " . $sql . "<br>" . $conn->error;
}

$conn->close();
?>