HTML5 WebSocket 简单实例

什么是WebSocket

WebSocket是HTML5开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。在WebSocket API中，浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。
例如 网页的 一部分 需要 实时更新数据 如果用ajax 请求的话 需要 不断的建立http连接请求 给服务器造成压力的同时也不能保证数据的实时性（拉方式）
而WebSocket 则可以 实现真正的实时性，建立连接后服务器可以不断的发送数据给客户端。（推方式）

WebSocket 简单实例

function webSocketTest() {
        if ("WebSocket" in window) {
            var webSocket = new WebSocket("ws://请求的地址");

            webSocket.onopen= function () {
                 //Web Socket 已经连接上，使用send() 方法发送数据
                alert("数据发送中......")
                webSocket.send("asdfasdf");
            }
            webSocket.onmessage= function (evt) {
                alert("接收的数据是："+evt.data);
            }
            webSocket.onclose= function () {
                //关闭websocket
                alert("连接已关闭");
            }
            webSocket.onerror= function () {
                alert("通信错误")
            }
        } else {
            alert("抱歉你的浏览器不支持WebSocket")
        }
    }