Shulou(Shulou.com)06/01 Report--

In this article, the editor introduces in detail the "case analysis of the use of WebSocket", with detailed contents, clear steps and proper handling of the details. I hope that this "case analysis of the use of WebSocket" article can help you solve your doubts.

WebSocket protocol is essentially a TCP-based protocol.

In order to establish a WebSocket connection, the client browser first initiates a HTTP request to the server, which, unlike the usual HTTP request, contains some additional header information, in which the additional header information "Upgrade:WebSocket" indicates that this is a HTTP request to apply for a protocol upgrade. The server parses the additional header information and then generates the reply information and returns it to the client. The WebSocket connection between the client side and the server side is established, and both parties can freely transmit information through this connection channel, and the connection will persist until the client or server side actively closes the connection.

HTML and JavaScript of the client

Most browsers currently support the WebSocket () interface. You can try examples in the following browsers: Chrome,Mozilla,Opera and Safari.

Runoob_websocket.html file content

Rookie course (runoob.com)

Function WebSocketTest ()

{

If ("WebSocket" in window)

{

Alert ("your browser supports WebSocket!")

/ / Open a web socket

Var ws = new WebSocket ("ws://localhost:9998/echo")

Ws.onopen = function ()

{

/ / Web Socket is connected, use the send () method to send data

Ws.send ("send data")

Alert ("data sending...")

}

Ws.onmessage = function (evt)

{

Var received_msg = evt.data

Alert ("data received...")

}

Ws.onclose = function ()

{

/ / close websocket

Alert ("connection closed...")

}

}

Else

{

/ / browser does not support WebSocket

Alert ("your browser does not support WebSocket!")

}

}

Run WebSocket

After reading this, the article "WebSocket use case Analysis" has been introduced. If you want to master the knowledge points of this article, you still need to practice and use it yourself to understand it. If you want to know more about related articles, welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.