一、HTML页面
修改websocket地址
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>WebSocketTest</title>
<script type="text/javascript">
function WebSocketTest()
{
if ("WebSocket" in window)
{
var ws = new WebSocket("ws://localhost:10002/");
ws.onopen = function()
{
ws.send(
JSON.stringify({
"method":"login",
"params":{"type":"manual"}
})
)
var data = "数据发送中...";
showResponse(data);
};
ws.onmessage = function (evt)
{
var data = evt.data;
showResponse(data);
};
ws.onclose = function()
{
var data = "连接已关闭...";
showResponse(data);
};
}
else
{
alert("您的浏览器不支持 WebSocket!");
}
}
function showResponse(data){
var myDate = new Date();
var mytime=myDate.toLocaleTimeString();
var innerHtml = document.getElementById("response").innerHTML;
innerHtml=innerHtml+mytime+"    "+data+"<br/>";
document.getElementById("response").innerHTML=innerHtml;
}
</script>
</head>
<body>
<div >
<a href="javascript:WebSocketTest()">运行 WebSocket</a>
</div>
<div id="response"></div>
</body>
</html>
二、HTML页面效果
点击"运行 WebSocket"可实时查看推送消息