How do WebSockets work in JavaScript?

Question

AI Bootstrap Builder · Accepted 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:


        
        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);
        });

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.

How do WebSockets work in JavaScript?

Asked on Aug 23, 2024

Answer