javascript websocket onmessage event.data

Question

Using JavaScript WebSocket how to pass event.data out onMessage function?

var eventData = EventRequest("text");


  ..... codes .....


EventRequest = function (text)
{
   var socket = new WebSocket ('ws://localhost:8080/');
   websocket.onopen = function(evt) { onOpen(evt); };
   websocket.onmessage = function(evt) { onMessage(evt); };

function onOpen (evt)
{
   socket.send("text");
}

function onMessage (evt)
{
   alert (evt.data);
   return evt.data;
}
};

I tried different ways to pass evt.data out, but I have not been able to. I can see the correct evt.data data. I just can not pass the data out of onMessage function.

I tried

function wcConnection (){
   this.dataInput = '';
}

Inside onMessage function, I added

function onMessage (evt)
{
   alert (evt.data);
   this.dataInput = evt.data;
}

Any help would be appreciated.

can you do a basic one? tutorialspoint.com/html5/html5_websocket.htm like on that page? — user1382306
– user1382306, Commented Jul 6, 2013 at 14:31

Terry · Accepted Answer · 2013-10-25 12:14:51Z

8

If you server is python tornado

def on_message(self, message):
        t = json.dumps(['foo', {'bar': ('baz', None, 1.0, 2)}])
        self.write_message(t)

In your client, to retrieve the message, you could do

ws.onmessage = function (evt) { 
    console.log(JSON.parse(event.data));
}

you should see the json in the console

answered Oct 25, 2013 at 12:14

Terry

5337 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mohit Satish Pawar · Accepted Answer · 2017-12-22 07:05:18Z

2

Why are you returning value to websocket.onmessage function? This is the function where you got that value. If you want to pass the value to another function just pass the event object to that function and access it using "evt.data".

websocket.onmessage = function(evt) { responseData(evt); };
function responseData(evt) {
    /* Here is your data, Do you what you want! */
    console.log(JSON.parse(evt.data));
}

answered Dec 22, 2017 at 7:05

Mohit Satish Pawar

612 silver badges6 bronze badges

Comments

Pranavjeet.Mishra · Accepted Answer · 2022-10-07 12:26:45Z

0

Once you created an instance of your websocket using new , will be able to get message event OnMessage . If you using react then ,

    useEffect(() => {
    WebSocketScale.onmessage = (event: any) => {
        value.push(JSON.parse(event.data));
}, []);

answered Oct 7, 2022 at 12:26

Pranavjeet.Mishra

1541 silver badge12 bronze badges

Collectives™ on Stack Overflow

javascript websocket onmessage event.data

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related