將Websocket-Connection保留在多個頁面上

Question

我需要一個設計與我的C ++-Webserver通信的復雜html / javascript（jQuery）系統的想法。

到目前為止，我有一個主要的index.html，並通過事件加載子模塊：

$(".MainButton").click(function(){
   $("#swap").load($(this).attr('alt'));
});

現在的問題是，每個子模塊都需要一個Websocket連接，而我不想為正在加載的每個子模塊打開新的連接。

是否可以打開全局Websocket連接。

var ws = new WebSocket("ws://localhost:800/stream");

..並在每個子頁面中使用ws？

非常感謝你。

Answer 1

您問題的標題和內容是不同的。 至於內容，如果您通過jQuery的load方法加載HTML片段（而不是頁面），則這些片段將合並到文檔中，因此僅存在該文檔。 如果是您的情況，為什么不通過將ws設置為window的全局變量並在子模塊中使用它而僅在main.html上打開該連接？ 只要子模塊的URI與CORS是相同的源或跨源的，它就可以訪問和操作main.html的ws 。

但是，如果您堅持要在多個頁面上保持連接，包括從字面上刷新main.html作為問題的標題，那么除非您使用Single-page application，否則現在不可能。 有關詳細信息，請參見以下內容：

• 如何維護頁面之間的WebSockets連接？
• 共享Web Workers是否在單個頁面重新加載，鏈接導航中保持不變
• http://tavendo.com/blog/post/websocket-persistent-connections/