반응형
HTML5 - WebSockets
<!DOCTYPE HTML>
<html>
<head>
<script type = "text/javascript">
function WebSocketTest() {
if ("WebSocket" in window) {
alert("WebSocket is supported by your Browser!");
// Let us open a web socket
var ws = new WebSocket("ws://localhost:9998/echo");
ws.onopen = function() {
// Web Socket is connected, send data using send()
ws.send("Message to send");
alert("Message is sent...");
};
ws.onmessage = function (evt) {
var received_msg = evt.data;
alert("Message is received...");
};
ws.onclose = function() {
// websocket is closed.
alert("Connection is closed...");
};
} else {
// The browser doesn't support WebSocket
alert("WebSocket NOT supported by your Browser!");
}
}
</script>
</head>
<body>
<div id = "sse">
<a href = "javascript:WebSocketTest()">Run WebSocket</a>
</div>
</body>
</html>
WebSocket Events
| open | Socket.onopen | This event occurs when socket connection is established. |
| message | Socket.onmessage | This event occurs when client receives data from server. |
| error | Socket.onerror | This event occurs when there is any error in communication. |
| close | Socket.onclose | This event occurs when connection is closed. |
https://www.tutorialspoint.com/html5/html5_websocket.htm
HTML5 - WebSockets - Tutorialspoint
HTML5 - WebSockets WebSockets is a next-generation bidirectional communication technology for web applications which operates over a single socket and is exposed via a JavaScript interface in HTML 5 compliant browsers. Once you get a Web Socket connection
www.tutorialspoint.com
반응형
'WEB' 카테고리의 다른 글
| HTTPS 테스트 시 javax.net.ssl.SSLHandshakeException: No available authentication scheme 에러 발생 (0) | 2020.10.13 |
|---|---|
| CSS Selector (0) | 2020.06.28 |
| jQuery Event Methods (0) | 2020.06.28 |
| HTML Web Storage (localStorage, sessionStorage) (0) | 2020.06.28 |
| HTML4 vs HTML5 차이점 (0) | 2020.06.28 |