在一些场景中,WEB页面需要实时获取消息通知,例如网页展示一个二维码等待用户用手机扫描后执行某个操作(如登陆、绑定、支付等)。实现方法不外乎以下这几种,网上有很多说明:
1、HTTP刷新。可以放到隐藏的IFRAME当中,但是滚动条会经常闪动。无法真正实时,如果设置刷新频率过高,则对服务器和网路的压力很大,过低时等待端反应迟缓。
2、AJAX定时获取。实质跟上面一样。
3、HTML5 WebSocket。兼容性受限。在服务器端需要特别设计。
4、利用Flash,Java Applet,ActiveX等外来插件实现。兼容性差,需要在客户端配置。
5、长轮询(long polling)。应用最广,对客户端无要求。实际上是建立一个HTTP连接专门用于获取通知信息。可以用动态JS或者Ajax实现。Notify Server就是一个免费的实时通知服务,可以用跨域Ajax调用,推荐使用动态JS访问更自然,以下是示例代码:
1、HTTP刷新。可以放到隐藏的IFRAME当中,但是滚动条会经常闪动。无法真正实时,如果设置刷新频率过高,则对服务器和网路的压力很大,过低时等待端反应迟缓。
2、AJAX定时获取。实质跟上面一样。
3、HTML5 WebSocket。兼容性受限。在服务器端需要特别设计。
4、利用Flash,Java Applet,ActiveX等外来插件实现。兼容性差,需要在客户端配置。
5、长轮询(long polling)。应用最广,对客户端无要求。实际上是建立一个HTTP连接专门用于获取通知信息。可以用动态JS或者Ajax实现。Notify Server就是一个免费的实时通知服务,可以用跨域Ajax调用,推荐使用动态JS访问更自然,以下是示例代码:
Test1.html
<html><head><meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<scri