使用 jQuery.data() 存储 WebSocket 连接句柄对象时出现问题 - 最好的做法是什么？

Question

我有一个异步队列工作线程作为 Tornado 脚本在我的服务器上运行——它托管 Tornado 的 periodictask 的子类，它消耗来自 Redis 的事件。为了监视队列，我在 URL 上设置了一个 tornado.websocket.WebSocketHandler 子类，然后将客户端 WebSocket JavaScript 封装在 jQuery 插件中 (这里是完整的代码）。

这个想法是，您可以在服务器上拥有多个队列，因此您可以使用 jQuery 模块来设置一个专门监视该队列的小部件。目前，逻辑非常简单——小部件仅指示有多少任务在其目标队列中排队。

下面是相关的初始化代码：

    /* init: */ function (_options) {
    options = $.extend(options, _options);
    var self = this;

    self.data('recently', [0,0,0,0,0,0,0,0,0]);
    self.data('options', options);
    self.data('sock', null);

    var sock = null;
    if ('endpoint' in options && options['endpoint']) {
        sock = new WebSocket(options['endpoint']);
        sock.onopen = function () {};
        sock.onclose = function () {};
        sock.onmessage = function (e) {
            var d = $.parseJSON(e.data);
            if (options.queuename in d) {
                var qlen = d[options.queuename]
                lastvalues = self.data('recently');
                lastvalues.shift();
                lastvalues.push(qlen);
                if (lastvalues.every(function (itm) { return itm == 0; })) {
                    self.each(function () {
                        var elem = $(this);
                        elem.html("<b>Currently Idle</b>");
                    });
                } else {
                    self.each(function () {
                        var elem = $(this);
                        elem.html("<b>" + qlen + "</b> Queued Signals");
                    });
                }
                self.data('recently', lastvalues);
            }
        }
    }
    self.data('sock', sock);
    return self.each(function () {
        var elem = $(this);
        elem.data('sock', sock);
    });
}

JavaScript 使用 window.setInterval() 定期向套接字发送消息；服务器回复其所请求的队列状态，并且套接字的前端回调更新 DOM。

但问题是：经过几分钟的这种轮询——特别是通过在包含客户端套接字代码的页面之间导航来启动——，套接字会通过抛出异常并显示类似的消息而失败。 >DOM_ERROR_11 以及套接字对象不再有效的消息。

一旦页面进入此错误状态，我必须重新启动浏览器和 服务器 websocket 脚本让一切重新启动。

...有没有比我更好的设置方法（使用 window.setInterval() 等）？

Answer 1

好吧，将重对象附加到 DOM 可能不是最好的主意

您也可以使用全局存储（可能是字典），其中包含套接字映射的键，并且仅将键存储为 DOM obj 属性