HTML5 WebSockets 总结

WebSockets可以实现客户端与服务器端的双向通信，由于WebSockets连接始终保持在打开状态，就不需要重复向服务器发送请求了。当然，在使用WebSocket的时候需要支持WebSocket的服务器。
使用WebSockets的步骤：
1.检测浏览器的支持

function loadDemo(){
    if(window.WebSocket){
        document.getElementById("support").innerHTML = "HTML5 WebSocket is supported in your browser";
    } else {
        document.getElementById("support").innerHTML = "HTML5 WebSocket is not supported in your browser";
    }
}

2.WebSocket对象的创建及其与WebSocket服务器的连接
webSocket接口的使用非常简单，要连接通信端点，只需要创建一个新的WebSocket实例，并提供希望连接的对端URL。ws://和wss://前缀分别表示WebSocket连接和安全的WebSocket连接。

url = "ws://localhost:8080/echo";
w = new WebSocket(url);

3.添加事件监听器
WebSocket编程遵循异步编程模式，打开socket以后，只需要等待事件发生，而不需要主动向服务器轮询，所以需要在WebSocket对象中添加回调函数来监听事件。
WebSocket对象有三个事件：open、close和message。当连接建立是触发open事件，当收到消息时触发message事件，但连接关闭时触发close事件。

w.onopen = function(){
    log("open");
    w.send("thank you for accepting this websocket request");
}
w.onmessage = function(e){
    log(e.data);
}
w.onclose = function(e){
    log("closed");
}

4.发送消息
当socket处于打开状态(即调用onopen监听程序之后，调用onclose监听程序之前)。可以采用send方法来发送消息，消息发送完成之后，可以调用close方法来终止连接，当然也可以不这么做，让其保持打开状态。

document.getElementById("sendButton").onclick = function(){
    w.send(document.getElementById("inputMessage").value);
}

以上就是使用WebSocket的基本思路。