短轮询,长轮询,sse和websoket的区别

短轮询

短轮询（定时器+ajax，实时性没保证，有很多无效请求浪费资源）

不管服务端数据有无更新，客户端每隔定长时间请求拉取一次数据，可能有更新数据返回，也可能什么都没有。

代码实现

var xhr = new XMLHttpRequest();    
  setInterval(function(){        
    xhr.open('GET','/user');        
    xhr.onreadystatechange = function(){  
      ajax()    
     };       
    xhr.send();    
  },1000)

 

长轮询 

长轮询（对于前端来说没什么区别，对后端有较大压力）

户端向服务器发送Ajax请求，服务器接到请求后hold住连接，直到有新消息才返回响应信息并关闭连接，客户端处理完响应信息后再向服务器发送新的请求。

代码实现

function ajax(){        
   var xhr = new XMLHttpRequest();
   xhr.open('GET','/user');        
   xhr.onreadystatechange = function(){              
   ajax();        
   };        
   xhr.send();    
}

 

sse

 不能完美实现双向沟通

SSE 的基本思想是，服务器使用流信息向服务器推送信息。

websocket 

可以完美的实现双向沟通

WebSocket 是一个全双工的协议，也就是通信双方是平等的，可以相互发送消息， 而 SSE 的方式是单向通信的，只能 由服务器端向客户端推送信息，如果客户端需要发送信息就是属于下一个 http 请求了

实现代码 

var ws = new WebSocket('ws://....')
ws.onopen = function(){  }
ws.onmessage = function(data) {  }