龙卷风WebSockets - 无效状态错误"仍处于连接状态"

Question

我正在开发一个Web应用程序，想要通过Tornado WebSockets和SSL从客户端向服务器端发送JSON代码。当我尝试建立连接时，在Google Chrome控制台日志中会显示以下错误:

Uncaught InvalidStateError: Failed to execute 'send' on 'WebSocket': Still in CONNECTING State. 

我的Python服务器看起来像这样：

from tornado import websocket, web, ioloop
import json
from sqlite3functions import *


class SocketHandler(websocket.WebSocketHandler):
    def on_message(self, message):
        handleRequest(self, json.loads(message), True)
        print(message)

    def handleRequest(obj, message, isWebsock):
        ...


    def writeResponse(obj, message, isWebsock):
        if (isWebsock):
            obj.write_message(message)
        else:
            print(message)
            obj.write(message)
            print('msg sent')

app = web.Application([
  (r'/w', SocketHandler)
])

if __name__ == "__main__":
  app.listen(8888)
  ioloop.IOLoop.instance().start()

我的客户：

var ws;

function connect() {
 ws = new WebSocket('wss://127.0.0.1:8888/w');
 ws.onopen = function()
 {
   ws.send("Message to send");

 };                     
}


$(document).ready(function() {  
    connect();

    $("#Button").on('click', function() {
        ...      
        ws.send(data);
    });
});

谢谢

- user3086983

Answer 1

在套接字的就绪状态为连接之前，请勿让其发送数据。

以下函数可能会有所帮助：

function sendMessage(msg) {
        waitForSocketConnection(nvWS, function() {
            ws.send(msg);
        });
    };


function waitForSocketConnection(socket, callback){
        setTimeout(
            function(){
                if (socket.readyState === 1) {
                    if(callback !== undefined){
                        callback();
                    }
                    return;
                } else {
                    waitForSocketConnection(socket,callback);
                }
            }, 5);
    };

- Benjamin Trent