<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>
|
