The problem is I’m passing my argument to the Javascript like this: link.

The variable "chatlist" is the problem. The value of that variable is

[[{"user": "lol"}, {"msg": "lol has created this chat."}], [{"user": "lol"}, {"msg": "lol"}]]

But when I try to access that variable through this code: link, it ends up looking like

[[{"user": "lol"}, {"msg": "lol has created this chat."}], [{"user": "lol"}, {"msg": "lol"}]]

What I’m expecting is in both my Python code and my Javascript, I get

[[{"user": "lol"}, {"msg": "lol has created this chat."}], [{"user": "lol"}, {"msg": "lol"}]]

as the value of the variable labelled "chatList". This value also needs to be "parsable" (not sure if that’s the right word). I need to be able to access all elements of the list and all keys and values of each dictionary in each element.

>Solution :

Pass the list as is to render_template.

return render_template("chat.html", chatlist=chatInfo, pin=pin)

In the template you can use the jinja filter tojson.

var chatList = {{ chatlist | tojson }});
console.log(chatList);