Convert Python dict to Javascript Object and access the key and value

Question

Trying to access just the value or key of the JSON object but it displays as undefined.

Tried to json.parse but same results.

now = datetime.now()
date_time = now.strftime("%m/%d/%Y, %H:%M:%S")
print(date_time)
chatrooms[chatroom][username][date_time] = message
message = json.dumps(chatrooms[chatroom][username])
emit("append messages", message, broadcast=True)

socket.on('append messages', data => {
             const li = document.createElement('li');
             // parse the messages;
             var response = jQuery.parseJSON(data)
             message = `${response.date_time}`;

The message that was sent in, but I am getting undefined. I tried ridding of the jQuery Parse, but it is not working.

1. add example python output to the question 2. there's no need to parse data, it's an object already 3. message = response.date_time; — user5734311
– user5734311, Commented Jul 23, 2019 at 7:20
did you check data? does it contain valid json, the entire json and nothing but the json? — Thomas
– Thomas, Commented Jul 23, 2019 at 7:21
@ChrisG, This is the output from after json.dump {"07/23/2019, 08:53:53": "hi"} I removed the parse and it still reads undefined. My dict in python is nested like so {'Chatroom': {'Username': {'07/23/2019, 08:53:53': 'hi'}}} — soysushi
– soysushi, Commented Jul 23, 2019 at 15:56
@Thomas, the json is valid but it is in a json string. meaning that if I did response[0] it will account for the curly brace...I have no way of just attaining the data inside the double quotes. — soysushi
– soysushi, Commented Jul 23, 2019 at 15:57
OK, this sounds like you have encoded your data twice. I'm not familiar with the python side of the code. Could it be that emit() already encodes the passed payload? what happens if you try emit("append messages", chatrooms[chatroom][username], broadcast=True)? Sidenote: JSON is always a string; it's a serialization format. What you probably have in mind are Object literals. — Thomas
– Thomas, Commented Jul 23, 2019 at 17:21

soysushi · Accepted Answer · 2019-07-24 01:28:53Z

1

So I finally solved the issue, first you have to use json.dumps(foo) from the python side via socketemit and then to convert it to a Javascript Object - you have to again use json.parse(foo). Then it is in an Object literal which can be accessed using a for loop to get at the value and key! Like so

  for (var i in foo) {
            var key = i;
            var val = foo[i];
}

answered Jul 24, 2019 at 1:28

soysushi

7112 bronze badges

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

Collectives™ on Stack Overflow

Convert Python dict to Javascript Object and access the key and value

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related