[Java] Netty Websocket Server Javascript Client(三)

2014-11-24 09:45:07 · 作者: · 浏览: 6
t.onmessage = function(event) {
var ta = document.getElementById('responseText');
ta.value = ta.value + '\n' + event.data
};
socket.onopen = function(event) {
var ta = document.getElementById('responseText');
ta.value = "Web Socket opened!";
};
socket.onclose = function(event) {
var ta = document.getElementById('responseText');
ta.value = ta.value + "Web Socket closed";
};
} else {
alert("Your browser does not support Web Socket.");
}
// Send Websocket data
function send(message) {
if (!window.WebSocket) { return; }
if (socket.readyState == WebSocket.OPEN) {
socket.send(message);
} else {
alert("The socket is not open.");
}
}

Send :




Receive :





以上java script代码的逻辑很好理解:即创建一个指向对应WebSocket地址(ws://localhost:8080/websocket)的Socket连接,进而进行发送和获取操作。其实,我们只需要把websocket.html文件放置到任意的HTTP服务器上,并打开对应URL地址,就可以看到以下的Demo界面:

输入文字“Hello World”并点击“Send Web Socket Data”按钮就可以向WebSocket的服务端发送消息了。从上图中我们还可以看到,在“Receive”下方的输出框中看到返回的消息(大写过的HELLO WORLD文字),这样一次基本的信息交互就完成了。当然,此时如果把服务端关闭,输出框中则会看到“Web Socket closed”信息。