因为与服务器端交互数据的时候要用到WebSocket来连接,简单了解了一下WebSocket的基本用法。直接在代码里解释吧。
<!DOCTYPE html>
<meta charset="utf-8" />
<script language="javascript" type="text/javascript">
function testWebSocket()
{
var wsUri = "ws://echo.websocket.org/";
var websocket = new WebSocket(wsUri); //新建一个WebSocket对象
websocket.onopen = function(evt) { //WebSocket监听连接建立事件
console.log("gonna eat a cake...");
websocket.send("one piece of cheese cake"); //使用WebSocket的send()方法
};
websocket.onmessage = function(msg) { //WebSocket监听服务端消息
console.log("i have got",msg.data);
websocket.onclose();
};
websocket.onclose = function(evt) { //WebSocket监听连接关闭事件
console.log("umh,yummy cake...")
};
}
window.addEventListener("load", testWebSocket, false); //给页面注册一个load事件,页面一加载完就
</script>
结果如下图:
其中参考了这两个网页,websocket api 和 websocket example,如有兴趣可以前往深入了解。