Ajax轮询和WebSocket

在WebSocket出现之前的我们主要是通过什么实现实时信息传递呢？

主要使用Ajax轮询、long poll(Ajax长查询)
Ajax轮询——“定时的通过Ajax查询服务端”:
浏览器按规定的时间向服务器发送请求，服务器接受到请求信息后返回响应信息并关闭连接。


$(function() {
//按规定的时间发送请求给服务器setInterval("isHave();",5000);
});function isHave(){$.ajax({url : "localhost/isHave",data : {},datatype: "json",type : "post",   success : function(result) {    console.log(result);}});
}

Ajax长轮询——不间断的通过Ajax查询服务端"

    var getting = {url:'server.php',dataType:'json',success:function(res) {console.log(res);$.ajax(getting); //关键在这里，回调函数内再次请求Ajax}        //当请求时间过长（默认为60秒），就再次调用ajax长轮询error:function(res){$.ajax($getting);}};
$.ajax(getting);

图中有两次请求，第一次很快返回了结果，然后不间断的立即发送第二次请求，但是第二次请求没有获得数据，所以请求迟迟没有返回（被挂在服务器了，但只要有数据就会再次返回），如果第二次的请求返回数据后，第三次请求旋即会立刻发出，这种技术就称为Ajax 长轮询。

但是使用这两种方式都存在一个问题，每个请求都会不断地建立HTTP连接，然后等待服务端处理，可以体现HTTP协议的一个特点，被动性，服务端不能主动联系客户端，只能有客户端发起。
这个时候WebSocket便以及其耀眼的方式出现了。

什么是WebSocket?

WebSocket是HTML5中开始出现、基于Tcp的一种持久协议（相对于HTTP协议而言），它可以实现客户端与服务器端的通信，实现服务器的推送功能。

WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。

在 WebSocket API 中，浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送

WebSocket API的优势在于服务器和客户端可以在固定的时间范围内的任意时刻，相互推送消息。在建立连接之后，服务器可以主动传送数据给客户端

·WebSocket 并不限于以AJAX（或XHR）方式通信，因为Ajax技术需要客户端发起请求，而WebSocket服务器和客户端可以彼此相互推送信息。