基于HTML5的WebSocket的实例代码

直接上代码吧，我是放到了一个类里面，公共引用的，jquery如何封装自定义类，可以参考我之前的这篇文章使用jquery 自定义封装类

(function ($) {
    $.websocket = function (arg) {

        // 创建websocket
        function ws_init() {
            window.hierarchy = 10;
            var target = "ws://" + window.location.host + ":8282";/* 对应你的服务端程序地址 */
            if ('websocket' in window) {
                ws = new websocket(target);
            } else if ('Mozwebsocket' in window) {
                ws = new Mozwebsocket(target);
            } else {
                alert('此浏览器不支持websocket。');
                return;
            }
            ws.onopen = function () {
                console.info("websocket通道建立成功！！！");
            };
            ws.onmessage = function (event) {
                //var data = eval("(" + event.data + ")");
                var data = event.data;
                console.log('websocket新消息');
                //自己的业务逻辑
            };
            ws.onclose = function () {
                console.log("websocket连接关闭，定时重连");
                setTimeout(function () {
                    ws_init();
                }, 1000);

            }
            ws.onerror = function () {
                console.log("websocket出现错误");
                setTimeout(function () {
                    ws_init();
                }, 1000);
            };
        }

        function ws_send() {
            var msg = document.getElementById("msg");
            ws.send(msg.value);
            msg.value = "";

        }

        ws_init();
    };
})(jquery);