<html>
|
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset = utf-8" />
|
<title>WebSocket客户端</title>
|
<script type="text/javascript">
|
var socket;
|
if (!window.WebSocket) {
|
window.WebSocket = window.MozWebSocket;
|
}
|
|
if (window.WebSocket) {
|
socket = new WebSocket("ws://localhost:9034/websocket");
|
socket.onmessage = function(event) {
|
var ta = document.getElementById('responseContent');
|
ta.value += event.data + "\r\n";
|
};
|
|
socket.onopen = function(event) {
|
var ta = document.getElementById('responseContent');
|
ta.value = "你当前的浏览器支持WebSocket,请进行后续操作\r\n";
|
};
|
|
socket.onclose = function(event) {
|
var ta = document.getElementById('responseContent');
|
ta.value = "";
|
|
ta.value = "WebSocket连接已经关闭\r\n";
|
};
|
} else {
|
alert("您的浏览器不支持WebSocket");
|
}
|
|
|
|
function send(message) {
|
if (!window.WebSocket) {
|
return;
|
}
|
if (socket.readyState == WebSocket.OPEN) {
|
socket.send(message);
|
} else {
|
alert("WebSocket连接没有建立成功！！");
|
}
|
}
|
</script>
|
</head>
|
|
<body>
|
<form onSubmit="return false;">
|
<input type="text" name="message" value="" />
|
<br/><br/>
|
<input type="button" value="发送WebSocket请求消息" onClick="send(this.form.message.value)" />
|
<hr color="red" />
|
<h2>客户端接收到服务端返回的应答消息</h2>
|
<textarea id="responseContent" style="width:1024px; height:300px"></textarea>
|
</form>
|
</body>
|
|
</html>
|
