Ask any question about JavaScript here... and get an instant response.

How do WebSockets work in JavaScript?

Asked on Aug 12, 2025

Answer

WebSockets provide a way to open a persistent connection between a client and a server, allowing for real-time, two-way communication. Here's a simple example of how to use WebSockets in JavaScript:

<!-- BEGIN COPY / PASTE -->
        const socket = new WebSocket('ws://example.com/socket');

        socket.addEventListener('open', function (event) {
            socket.send('Hello Server!');
        });

        socket.addEventListener('message', function (event) {
            console.log('Message from server ', event.data);
        });

        socket.addEventListener('close', function (event) {
            console.log('Connection closed');
        });

        socket.addEventListener('error', function (error) {
            console.error('WebSocket error: ', error);
        });
        <!-- END COPY / PASTE -->

Additional Comment:

This example establishes a WebSocket connection to "ws://example.com/socket".
The "open" event listener sends a message to the server once the connection is established.
The "message" event listener logs messages received from the server.
The "close" event listener logs when the connection is closed.
The "error" event listener logs any errors that occur.

✅ Answered with JavaScript best practices.

Ask any question about JavaScript here... and get an instant response.

How do WebSockets work in JavaScript?

Asked on Aug 12, 2025

Answer

The Q&A Network