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());
            });
        }
    });