Django-channels:chatSocket.onmessage 或 chatSocket.send 不起作用

Question

I'm trying to implement a django channels chat app.我正在尝试实现 django 频道聊天应用程序。 when the submit button of the room view is clicked, the message does not appear in the chat log.单击房间视图的提交按钮时，该消息不会出现在聊天日志中。 which make me think that somethings wrong with chat.onmessage command, it does not seem to fire.这让我觉得 chat.onmessage 命令有问题，它似乎没有触发。 can someone help me fix the issue.有人可以帮我解决这个问题。 here is the code for room view:这是房间视图的代码：

<!-- chat/templates/room.html -->
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Chat Room</title>
</head>
<body>
    <textarea id="chat-log" cols="100" rows="20"></textarea><br/>
    <input id="chat-message-input" type="text" size="100"/><br/>
    <button id="chat-message-submit" type="submit" value="Send">Send</button>
</body>z
<script>
    var roomName = {{ room_name_json }};
    var chatSocket = new WebSocket(
        'ws://' + window.location.host +
        '/ws/chat/' + roomName + '/');

    chatSocket.onmessage = function(e) {
        console.log("got to onmessage");
        var data = JSON.parse(e.data);
        var message = data['message'];
        document.getElementById('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.getElementById('chat-message-submit').click();
        }
    };

    document.getElementById('chat-message-submit').onclick = function(e) {
        var messageInputDom = document.getElementById('chat-message-input');
        var message = messageInputDom.value;
        console.log("got message : " + message);
        chatSocket.send(JSON.stringify({
            'message': message
        }));
        console.log("This was done?");
        messageInputDom.value = '';
    };
</script>
</html>

Here is my consumer view:这是我的消费者观点：

from channels.generic.websocket import WebsocketConsumer
import json

class ChatConsumer(WebsocketConsumer):
    def connect(self):
        self.accept()

    def disconnect(self, close_code):
        pass

    def recieve(self, text_data):
        text_data_json = json.loads(text_data)
        message = text_data_json['message']
        self.send(text_data = json.dumps({
            'message' : message
        }))

Answer 1

I'm so stupid I literally made a typo, used function name "received" instead of "recieved".我太愚蠢了，我确实打错了字，使用 function 名称“received”而不是“received”。 Thanks I'll go cry in the corner now.谢谢，我现在会在角落里哭泣 go。

Django-channels:chatSocket.onmessage 或 chatSocket.send 不起作用

问题描述

1 个解决方案

解决方案1
0 2019-09-29 12:36:18

Django-channels:chatSocket.onmessage 或 chatSocket.send 不起作用

问题描述

1 个解决方案

解决方案1 0 2019-09-29 12:36:18

解决方案1
0 2019-09-29 12:36:18