h5结合js的通信方式

1.跨文档消息传输(cross-document messaging)

简称XDM,指的是来自不同域的页面间传递消息的方式，可以实现跨越

跨文档消息传输的方法有两种，核心方法是postMessage(),onmessage()

第一种方法是跨越实现，在一个页面(A1)向另一个页面(B1)发送数据，B1页面可以接收A1发送过来的数据。

代码如下：

 

第二种方法是内联实现，在一个页面(A1)通过<iframe></iframe>标签内联另一个页面(B1)，也就是A1和B1在同一个页面，在A1页面发送数据，B1可以接收到A1发送过来的数据。也就是在同页面接收到数据。

 

 

2.ajax轮询

   轮询：是指客户端按规定时间定时向服务端发送ajax请求，服务器接收到请求后马上返回响应信息并关闭连接

   ajax轮询原理：客户端按照规定时间（时间可以自己设置）向服务器发送请求，前一次请求完成，无论有结果返回，规定时间结束之后下一次请求又会发出

3.

websocket

   实时的，长连接的一个非http协议的一种全双工通信，可以节省服务器资源和带宽 并且能够很好地进行实时通信，浏览器和服务器进行一次握手 就可以创建持久性地连接，并进行双向数据传输，但是需要后台支持。表现形式为：ws://ip+port+path+?+传输内容

例子如下：

注意：用了jquery的语法，记得在head标签上面引入本地jquery或者在线引入