Django-каналы: не работает chatSocket.onmessage - PullRequest
Новая
       10

Django-каналы: не работает chatSocket.onmessage

0 голосов
/ 07 марта 2019

Я пытаюсь реализовать приложение чата для каналов Django.при нажатии кнопки «Отправить» в виде комнаты сообщение не отображается в журнале чата.что заставляет меня думать, что что-то не так с командой chat.onmessage, похоже, не срабатывает.Может кто-нибудь помочь мне решить проблему.Вот код для вида комнаты: 

{% extends "chat/base.html" %}
{% block title %}Chat Room{% endblock %}
{% block body %}
<div class="container">
<textarea id="chat-log" cols="100" rows="20"></textarea><br/>
<input id="chat-message-input" type="text" size="100"/><br/>
<input id="chat-message-submit" type="button" value="Send"/>
</div>
{% endblock %}
<script>
    var roomName = {{ room_name_json }};

    var chatSocket = new WebSocket(
        'ws://' + window.location.host +
        '/ws/chat/' + roomName + '/');

    chatSocket.onmessage = function(e) {
        var data = JSON.parse(e.data);
        var message = data['message'];
        document.querySelector('#chat-log').value += (message + '\n');
    };

    chatSocket.onclose = function(e) {
        console.error('Chat socket closed unexpectedly');
    };

    document.querySelector('#chat-message-input').focus();
    document.querySelector('#chat-message-input').onkeyup = function(e) {
        if (e.keyCode === 13) {  // enter, return
            document.querySelector('#chat-message-submit').click();
        }
    };

    document.querySelector('#chat-message-submit').onclick = function(e) {
        var messageInputDom = document.querySelector('#chat-message-input');
        var message = messageInputDom.value;
        chatSocket.send(JSON.stringify({
            'message': message
        }));

        messageInputDom.value = '';
    };
</script>
...