H5页面前后端通信 （3种方式简单介绍）

1、ajax：短连接

2、websocket ：长连接，双向的。

　  node搭建的websocket服务器，推送信息给客户端浏览器 ：https://www.cnblogs.com/fps2tao/p/7875669.html （亲测有效，代码实现不难）

 

3、server-sent event （简称 SSE）：只是从服务器端往客户端单向传输数据。概念：http://www.ruanyifeng.com/blog/2017/05/server-sent_events.html  

 　 教程：http://www.runoob.com/html/html5-serversentevents.html  （很简单的）

　 通过实践检测，感觉就隔几秒发送一个get请求获取数据（可能是因为PHP代码的程序不符合使用的代码）。  https://blog.csdn.net/iteye_5904/article/details/82648587 （）

---

 

4、使用EventSource实现页面消息推送 与 websocket 的区别 ： https://blog.csdn.net/bamboolsu/article/details/48653317

5、传统轮询,长轮询,EventSource与WebSocket  ： https://blog.csdn.net/Holmofy/article/details/78111715

6、Web 实时推送技术的总结  ：  参考链接

 

注：所有的通信都是由 客户端 先发起的(建立连接)。正是因为是客户端先发起的，所有客户端才会对返回的数据进行接受处理。不然服务器端先发起，客户端都没有和服务器建立连接怎么进行通信呢。