ECHO陈文
关注互联网技术开发与维护运营

基于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的实例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持芦苇派。

赞(1) 打赏
未经允许不得转载:芦苇派 » 基于HTML5的WebSocket的实例代码
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏