[Java] Netty Websocket Server Javascript Client - JAVA

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 :

以上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”信息。

[Java] Netty Websocket Server Javascript Client(三)

Send :

Receive :