html5学习笔记20-WebSocket基于TCP的协议

https://www.runoob.com/html/html5-websocket.html

客户端示例

<!DOCTYPE HTML>
<html>
   <head>
   <meta charset="utf-8">
   <title>菜鸟教程(runoob.com)</title>    
      <script type="text/javascript">
         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!");
            }
         }
      </script>        
   </head>
   <body>   
      <div id="sse">
         <a href="javascript:WebSocketTest()">运行 WebSocket</a>
      </div>      
   </body>
</html>

服务器端,安装 pywebsocket
开启服务$ sudo python standalone.py -p 9998 -w …/example/

你可能感兴趣的:(html,html5,学习,笔记)