javascript - 如果用户有新消息，如何使用ajax刷新聊天页面？

Question

现在我用 Laravel 创建聊天应用程序。并且可以通过ajax发送消息后发送消息并刷新messageBox容器。但是，如果我向他发送新消息，我无法刷新我的聊天伙伴页面，相反，如果我的聊天伙伴向我发送新消息，我无法刷新页面。在我的数据库中，我有包含消息已看到状态的字段。如果没有看到消息，则为 0，反之为 1。如果通过 ajax 有新消息，如何刷新页面或 div 内容？这是我的发送代码:

<script type="text/javascript">
    var username;
    var submitButton;
    var textarea;
    $(document).ready(function(){
        username = $('#username').html();
        textarea = $('#texxt');
        submitButton = $('.send');

        $(textarea).keyup(function(e){
            if(e.keyCode == 13){
                sendMessage();
                $('body').load('').fadeIn('slow');
            }
        });
    });

    function sendMessage(){
        var message = $('#texxt').val();
        var user_id = $('#user_id').val();
        if(message.length > 1){
            $.post('/message',{
                message: message,
                id: user_id,
                _token:'{{csrf_token()}}'
            },
            function(data){
                $('#texxt').val('');
            });
        }
    }
</script>

Answer 1

要实现这一目标，您需要考虑:https://socket.io

所有作业都会触发事件，因此您可以使用此事件向其他用户显示消息，或获取新消息操作...但要做到这一点，您需要使用套接字:)