Javascript 未捕获的InvalidStateError:未能执行';发送';在';WebSocket';:仍处于连接状态
当我的页面加载时,我尝试Javascript 未捕获的InvalidStateError:未能执行';发送';在';WebSocket';:仍处于连接状态,javascript,exception-handling,websocket,Javascript,Exception Handling,Websocket,当我的页面加载时,我尝试向服务器发送消息以启动连接,但它不起作用。此脚本块位于我的文件顶部附近: var connection = new WrapperWS(); connection.ident(); // var autoIdent = window.addEventListener('load', connection.ident(), false); 大多数时候,我在标题中看到了错误: 未捕获的InvalidStateError:未能对“WebSocket”执行“发送”:仍处于连接状
向服务器发送消息以启动连接,但它不起作用。此脚本块位于我的文件顶部附近:
var connection = new WrapperWS();
connection.ident();
// var autoIdent = window.addEventListener('load', connection.ident(), false);
大多数时候,我在标题中看到了错误:
未捕获的InvalidStateError:未能对“WebSocket”执行“发送”:仍处于连接状态
因此,我试图捕获异常,正如您在下面看到的,但是现在似乎没有定义InvalidStateError
,这会产生ReferenceError
以下是我的websocket连接的包装器对象:
// Define WrapperWS
function WrapperWS() {
if ("WebSocket" in window) {
var ws = new WebSocket("ws://server:8000/");
var self = this;
ws.onopen = function () {
console.log("Opening a connection...");
window.identified = false;
};
ws.onclose = function (evt) {
console.log("I'm sorry. Bye!");
};
ws.onmessage = function (evt) {
// handle messages here
};
ws.onerror = function (evt) {
console.log("ERR: " + evt.data);
};
this.write = function () {
if (!window.identified) {
connection.ident();
console.debug("Wasn't identified earlier. It is now.");
}
ws.send(theText.value);
};
this.ident = function () {
var session = "Test";
try {
ws.send(session);
} catch (error) {
if (error instanceof InvalidStateError) {
// possibly still 'CONNECTING'
if (ws.readyState !== 1) {
var waitSend = setInterval(ws.send(session), 1000);
}
}
}
window.identified = true;
theText.value = "Hello!";
say.click();
theText.disabled = false;
};
};
}
我正在Ubuntu上使用Chromium进行测试。您可以通过一个代理函数发送消息,等待readyState为1
this.send = function (message, callback) {
this.waitForConnection(function () {
ws.send(message);
if (typeof callback !== 'undefined') {
callback();
}
}, 1000);
};
this.waitForConnection = function (callback, interval) {
if (ws.readyState === 1) {
callback();
} else {
var that = this;
// optional: implement backoff for interval here
setTimeout(function () {
that.waitForConnection(callback, interval);
}, interval);
}
};
然后使用this.send
代替ws.send
,并将随后应运行的代码放入回调中:
this.ident = function () {
var session = "Test";
this.send(session, function () {
window.identified = true;
theText.value = "Hello!";
say.click();
theText.disabled = false;
});
};
若您使用一个websocket客户端对象并从随机应用程序位置进行连接,则该对象可以处于连接模式(concurent access)
如果您只想通过一个WebSocket进行交换,那么
使用创建类并将其保留在属性中
class Ws {
get newClientPromise() {
return new Promise((resolve, reject) => {
let wsClient = new WebSocket("ws://demos.kaazing.com/echo");
console.log(wsClient)
wsClient.onopen = () => {
console.log("connected");
resolve(wsClient);
};
wsClient.onerror = error => reject(error);
})
}
get clientPromise() {
if (!this.promise) {
this.promise = this.newClientPromise
}
return this.promise;
}
}
创建单例
window.wsSingleton = new Ws()
在应用程序的任何位置使用clientPromise属性
window.wsSingleton.clientPromise
.then( wsClient =>{wsClient.send('data'); console.log('sended')})
.catch( error => alert(error) )
出现此错误是因为您在建立WebSocket连接之前发送消息
您可以通过简单地执行以下操作来解决此问题:
conn.onopen = () => conn.send("Message");
此onopen函数在发送消息之前等待您建立websocket连接。我猜,您忘了在中提供interval
参数。waitForConnection(回调,interval)
with,当你在setTimeout
内部调用它时,你真是太棒了:)你可能必须对发送的消息进行json.stringify,但这对我来说很有效:chatSocket.onopen=()=>chatSocket.send(json.stringify({'message':'Welcome to the chat.typed below来开始对话…')根据我的经验,这还不够。有时,我仍然会收到海报的原始错误消息,即使有您建议的代码。