Javascript WebSocket 사용 사례 소개 (간단 한 입문 튜 토리 얼)

2765 단어
웹 소켓 과 WEB 서버 의 연결 을 알 게 되면 브 라 우 저 에서 서버 로 데 이 터 를 보 내 고 서버 에서 돌아 오 는 응답 데 이 터 를 받 을 수 있 습 니 다.다음은 웹 소켓 대상 을 새로 만 드 는 API 입 니 다.

   var Socket = new WebSocket(url, [protocal] ); 
 

여기 서 첫 번 째 매개 변 수 는 연결 할 URL 을 가리 키 며 두 번 째 매개 변 수 는 선택 할 수 있 습 니 다. 필요 하 다 면 서버 가 지원 하 는 프로 토 콜 을 지정 합 니 다.
WEB Socket 속성:
속성
설명 하 다.
Socket.readyState
ready State 의 대표 적 인 ReadOnly 속성의 연결 상태 입 니 다.다음 값 이 있 을 수 있 습 니 다:
  • 0 값 은 이 연결 이 아직 구축 되 지 않 았 음 을 나타 낸다.
  • 값 은 1 로 연결 구축 과 소통 이 가능 하 다 는 것 을 나타 낸다.
  • 값 은 2 로 연결 이 악 수 를 끝 내 는 것 임 을 나타 낸다.
  • 값 은 3 으로 연결 이 닫 혔 거나 열 수 없 음 을 나타 낸다.

  • Socket.bufferedAmount
    속성 을 읽 는 buffered Amount 은 텍스트 의 바이트 수 를 대표 하고 utf - 8 의 줄 은 send () 방법 을 사용 합 니 다.
    WEB Socket 이벤트:
    이벤트
    처리 프로그램
    설명 하 다.
    open
    Socket.onopen
    이 사건 은 소켓 에 연결 을 만 드 는 데 발생 합 니 다.
    message
    Socket.onmessage
    이 사건 이 발생 했 을 때 클 라 이언 트 는 서버 로부터 데 이 터 를 받 았 습 니 다.
    error
    Socket.onerror
    이 사건 이 발생 했 을 때 통신 오류 가 발생 했 습 니 다.
    close
    Socket.onclose
    이 사건 은 연결 이 닫 힌 상태 에서 발생 합 니 다.
    WEB Socket 방법:
    방법.
    설명 하 다.
    Socket.send()
    send (data) 방법 은 전송 데 이 터 를 연결 하 는 데 쓰 인 다.
    Socket.close()
    close () 방법 은 기 존의 연결 을 종료 하 는 데 사 용 됩 니 다.
    WEB Socket 예:
     
      



    <br>function WebSocketTest() <br>{ <br>  if ("WebSocket" in window) <br>  { <br>     alert("WebSocket is supported by your Browser!"); <br>     // Let us open a web socket <br>     var ws = new WebSocket("ws://localhost:9998/echo"); <br>     ws.onopen = function() <br>     { <br>        // Web Socket is connected, send data using send() <br>        ws.send("Message to send"); <br>        alert("Message is sent..."); <br>     }; <br>     ws.onmessage = function (evt) <br>     { <br>        var received_msg = evt.data; <br>        alert("Message is received..."); <br>     }; <br>     ws.onclose = function() <br>     { <br>        // websocket is closed. <br>        alert("Connection is closed..."); <br>     }; <br>  } <br>  else <br>  { <br>     // The browser doesn't support WebSocket <br>     alert("WebSocket NOT supported by your Browser!"); <br>  } <br>} <br>





    좋은 웹페이지 즐겨찾기