Javascript WebSocket 사용법 예제 소개(간결한 입문 튜토리얼)_기본 지식

웹 서버에 대한 네트워크 소켓 연결을 이해하면 브라우저에서 서버로 데이터를 보내고 서버에서 응답 데이터를 다시 받을 수 있습니다.

다음은 새로운 WebSocket 객체를 생성하는 API입니다.

코드 복사 코드

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

여기서 첫 번째 매개변수는 연결할 URL을 의미하고, 두 번째 매개변수는 선택사항입니다. , 필요한 경우 서버에서 지원하는 프로토콜을 지정합니다.

웹 소켓 속성:

속성 설명 Socket.readyState readyState는 ReadOnly 속성의 연결 상태를 나타냅니다. 다음 값을 가질 수 있습니다.

属性	说明
Socket.readyState	readyState的代表的ReadOnly属性的连接状态。它可以有以下值： 一个0值表示该连接尚未建立。 值为1表示连接建立和沟通是可能的。 值为2表示连接是通过将结束握手。 值为3表示连接已关闭或无法打开。
Socket.bufferedAmount	读属性的bufferedAmount代表文本的字节数,utf - 8的排队使用send()方法。

값이 0이면 연결이 아직 설정되지 않았음을 나타냅니다.

값이 1이면 연결 설정 및 통신이 가능함을 나타냅니다.

값 2는 연결이 완료되고 핸드셰이크가 종료됨을 나타냅니다.

事件	处理程序	说明
open	Socket.onopen	此事件发生在套接字建立连接。
message	Socket.onmessage	此事件发生时，客户端收到来自服务器的数据。
error	Socket.onerror	此事件发生时有任何通信错误。
close	Socket.onclose	此事件发生在连接关闭。

값 3은 연결이 닫혔거나 열 수 없음을 나타냅니다.

Socket.bufferedAmount 읽기 속성의 bufferedAmount는 텍스트의 바이트 수를 나타내며, UTF-8의 대기열은 send() 메서드를 사용합니다. WEB 소켓 이벤트:

方法	说明
Socket.send()	send（data）方法用来连接传输数据。
Socket.close()	close（）方法将被用于终止任何现有的连接。

WEB 소켓 방식:

WEB 소켓 예:

코드 복사


코드는 다음과 같습니다. :

< ;a href="javascript:WebSocketTest()">WebSocket 실행