HTML 자습서(4)

1911 단어
HTML5 WebSocket
4
  • API는 WebSocket 객체를 작성하는 데 사용됩니다.var Socket = new WebSocket(url, [protocol] ); 위 코드의 첫 번째 인자 URL입니다. 연결된 URL을 지정합니다.두 번째 인자 프로토콜은 선택할 수 있으며 받아들일 수 있는 하위 프로토콜을 지정합니다

  • 2. WebSocket 객체의 속성(Socket가 변수라고 가정) Socket.readyState: 읽기 전용 속성readyState는 연결 상태를 나타냅니다. 0은 연결이 설정되지 않았음을 나타냅니다.1 - 통신을 위해 접속이 설정되었음을 나타냅니다.2 - 접속이 종료되고 있음을 나타냅니다.3 - 접속이 종료되었거나 접속이 열려 있지 않음을 나타냅니다.Socket.bufferedAmount: 읽기 전용 속성 bufferedAmount이send () 로 대기열에 놓여 전송을 기다리고 있지만 아직 보내지 않은 UTF-8 텍스트 바이트입니다.
    3. WebSocket 이벤트 Socket.onopen--- 연결이 설정될 때 Socket을 터치합니다.onmessage--클라이언트가 서버 데이터를 수신할 때 Socket을 트리거합니다.onerror--- 통신 오류 발생 시 Socket. 트리거onclose - 연결이 닫혔을 때 터치
    4.WebSocket 방법Socket.send() - 연결을 사용하여 데이터 Socket을 전송합니다.close() - 연결 닫기
    5. 코드 예시, html5 클라이언트의 코드만 있고, 서버 쪽에는 쿠키 튜토리얼(runoob.com)이 쓰여 있지 않습니다.
      
         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!");
            }
         }
      
    
      
    

    좋은 웹페이지 즐겨찾기