基于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);

以上这基于HTML5的WebSocket的实例代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持芦苇派。