javascript - 两个不同页面开两个浏览器实现页面数据实时更新?
伊谢尔伦
伊谢尔伦 2017-04-11 11:40:41
[JavaScript讨论组]

描述:

  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);
    });
伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回复(2)
天蓬老师

这种需求只能是socket

天蓬老师

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

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号