WebSocket.onmessage不起作用

Question

我正在使用django-channels在django应用程序中实现套接字。

我已经按照指示进行了 ，并且有效：

socket = new WebSocket("ws://127.0.0.1:8000/chat/");
socket.onmessage = function(e) {
    alert(e.data);
}
socket.onopen = function() {
    socket.send("hello world");
}

但是当我使用自己的代码时：

<script type="text/javascript">
    $(document).ready(function() {
        socket = new WebSocket("ws://127.0.0.1:8000/chat/");
        socket.onmessage = function (e) {
            console.log(e.data);
        };
        $('form').submit(function () {
            socket.send($('form>input[type="text"]').val());
        });
    });
</script>

我的django服务器收到了消息，但未调用socket.onmessage。 我要去哪里错了？

Answer 1

将原始代码添加到ready块不起作用？

socket.onopen = function() {
    console.log("socket open")
    socket.send("hello world");
}

可能是该频道尚未打开

Answer 2

那是起作用的代码

    socket = new WebSocket("ws://127.0.0.1:8000/chat/");
    socket.onmessage = function (e) {
        alert(e.data);
    };
    $(document).ready(function () {
        socket.onopen = function() {
            $('button').click(function () {
                socket.send($('#mes_input').val());
            });
        }
    });