為啥消息不能發(fā)送過去
為啥連接上了,點擊button不能將消息發(fā)送過去?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>websocket</title>
</head>
<body>
<h1>Echo Test</h1>
<input type="text" id="sendTxt">
<button id="sendButton">發(fā)送</button> <!-- 點擊會將發(fā)送的內(nèi)容給server -->
<div id="recv"></div><!-- 瀏覽器返回的內(nèi)容 -->
<script type="text/javascript">
var websocket=new WebSocket("ws://echo.websocket.org/");//建立socket
//連接建立的時候,會調(diào)用一個回調(diào)函數(shù)
websocket.onopen=function(){
console.log('websocket open');
document.getElementById('recv').innerHTML='Connected!';
}
websocket.onclose=function(){
console.log('websocket close');
}
WebSocket.onmessage=function(e){
console.log(e.data);
document.getElementById('recv').innerHTML=e.data;
}
document.getElementById('sendButton').onclick=function(){
var txt=document.getElementById('sendTxt').value;
websocket.send(txt);
}
</script>
</body>
</html>
2018-11-06
websocket.onmessage 事件,websocket 是小寫 你是大寫
2017-12-26
websocket.onmessage 事件,websocket 大寫,js 區(qū)分大小寫的,另外 console 里報錯也可以貼出來,有助于快速定位 bug