两个不同页面开两个浏览器实现页面数据实时更新?

发布于 2022-09-04 11:23:43 字数 1561 浏览 13 评论 0

描述:

  1. 两个不同的页面inputview

  2. input页面在360(举例)打开,然后写入内容,发送到view页面

  3. view页面在谷歌(举例)打开,即时接收input页面发来的消息,并更新特定区域的内容

不要轮询,只涉及到两个页面之间的数据传递,轻巧好用的实现技术即可。
跨浏览器接收数据这个是必须条件。


1.24下午更新:

下午着重看了一下workerman的框架,觉得里面的web消息推送框架挺适合我这个案例的,但是有几点不太明白。

  1. 下午看手册的时候,貌似socket只能在cli模式下运行,而且只能登陆同一个端口的页面,才能实现数据的同步。比如只有同时打开127.0.0.1:55215这个链接,才能实现数据的同步。这点表现在聊天室框架上。但是我的这种情况,是要由一个页面发送数据给server服务,然后server服务推送给另外一个页面,所以说需要两个页面同时连接server,一方发送数据,通过server中转,另一方监听接收。但是这个过程不是很了解;

  2. workermanweb消息推送框架,只能同时登陆同一个url才能实现数据传递,那我两个不同的页面怎么搞?

  3. (重点问题)我在php环境下打开这个推送框架的项目,竟然运行不了,这是什么情况

附一下代码:

//客户端 这个页面只有登陆127.0.0.1::port才能看到
var socket = io('http://'+document.domain+':2120');
    // 连接后登录
    socket.on('connect', function(){
        socket.emit('login', uid);
    });
    // 后端推送来消息时
    socket.on('new_msg', function(msg){
         $('#content').html('收到消息:'+msg);
         $('.notification.sticky').notify();
    });
    // 后端推送来在线数据时
    socket.on('update_online_count', function(online_stat){
        $('#online_box').html(online_stat);
    });

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

疯到世界奔溃 2022-09-11 11:23:43

这种需求只能是socket

永不分离 2022-09-11 11:23:43

说原理就是,a页面向服务器发信息,b页面拉取信息

实现方式就是 socket。长连接。ajax。flash。其实都差不多

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文