第十九课--H5WebSocket

创建 WebSocket 对象
var Socket = new WebSocket(url, [protocol] );

WebSocket 事件
事件     事件处理程序     描述
open   Socket.onopen  连接建立时触发
message    Socket.onmessage   客户端接收服务端数据时触发
error  Socket.onerror 通信发生错误时触发
close  Socket.onclose 连接关闭时触发

WebSocket 方法

方法             描述
Socket.send()  使用连接发送数据
Socket.close() 关闭连接

看案例

    
    WebSocket


  

         运行 WebSocket
      


 
         function WebSocketTest()
         {
            if ("WebSocket" in window)
            {
               alert("您的浏览器支持 WebSocket!");

               // 打开一个 web socket
               var ws = new WebSocket("ws://localhost:9998/echo");

               ws.onopen = function()
               {
                  // Web Socket 已连接上，使用 send() 方法发送数据
                  ws.send("发送数据");
                  alert("数据发送中...");
               };

               ws.onmessage = function (evt)
               {
                  var received_msg = evt.data;
                  alert("数据已接收...");
               };

               ws.onclose = function()
               {
                  // 关闭 websocket
                  alert("连接已关闭...");
               };
            }

            else
            {
               // 浏览器不支持 WebSocket
               alert("您的浏览器不支持 WebSocket!");
            }
         }