jsp实现聊天对话功能

CREATE TABLE messages (
    id INT AUTO_INCREMENT PRIMARY KEY,
    sender VARCHAR(255),
    receiver VARCHAR(255),
    message TEXT,
    timestamp TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

<!DOCTYPE html>
<html>
<head>
    <title>Chat Room</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
    <div id="chat-box"></div>
    <input type="text" id="message" placeholder="Type a message...">
    <button onclick="sendMessage()">Send</button>

    <script>
        function sendMessage() {
            var message = $('#message').val();
            $.post('SendMessageServlet', {message: message}, function(data) {
                $('#chat-box').append('<p>You: ' + message + '</p>');
                $('#message').val('');
            });
        }

        setInterval(function() {
            $.get('GetMessagesServlet', function(data) {
                $('#chat-box').html(data);
            });
        }, 1000);
    </script>
</body>
</html>

@WebServlet("/SendMessageServlet")
public class SendMessageServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        String message = request.getParameter("message");
        // Save message to database
        // ...
        response.getWriter().write("Message sent");
    }
}

@WebServlet("/GetMessagesServlet")
public class GetMessagesServlet extends HttpServlet {
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // Fetch messages from database
        List<String> messages = fetchMessagesFromDatabase();
        for (String msg : messages) {
            response.getWriter().write("<p>" + msg + "</p>");
        }
    }

    private List<String> fetchMessagesFromDatabase() {
        // Implement database fetch logic
        return new ArrayList<>();
    }
}