webSocket-h5新协议

对于扫码登录,付款等需要轮询,或者长轮询方式发送频繁发生ajax请求解决问题的方式,在webSocket出现后有了新的解决办法.webSocket通俗点讲,就是一种有别于http的协议,客户端发送请求给服务器,告诉服务器我使用的是webSocket,并且携带上自己的请求信息,服务器根据相应的请求,对应使用webSocket,当服务器获取到数据之后返回给客户端.只需要经过一次HTTP请求，就可以做到源源不断的信息传送了。

对于webSocket在后台的配置如何,我就不一一详述了,主要展示前段使用方法:

<script>
var socket;

//判断当前浏览器是否支持WebSocket
if (typeof WebSocket == "undefined") {
alert("您的浏览器不支持WebSocket");
 return;
}
//实现化WebSocket对象，指定要连接的服务器地址与端口
socket = new WebSocket("ws://192.168.1.2:8888");
//打开事件
socket.onopen = function() {
 alert("Socket 已打开");
//socket.send("这是来自客户端的消息" + location.href + new Date());
};
//获得消息事件
socket.onmessage = function(msg) {
 alert(msg.data);
};
//关闭事件
socket.onclose = function() {
 alert("Socket已关闭");
};
//发生了错误事件
socket.onerror = function() {
 alert("发生了错误");
};

//发送消息
socket.send("这是来自客户端的消息" + location.href + new Date());

//关闭
socket.close();
</script>