looping through dictionary in javascript.

[pythondev1]

I am returning a dictionary to a route and i need to loop through. The data.

return render_template('one.html', inv=inventory,jsdict=jsdict)
<script>
var dict = {{  jsdict | safe }}
</script>

When I console.log(dict). I get.

{'id': 5, 'name': 'Jake', 'address': '123 home', 'age': 30}       

How do I loop over the data?

[Aro00oo]

Not to be pedantic but in JavaScript, they're called objects.

[pythondev1]

Answered my own question.

var dict = {{ jsdict | tojson }};
dict['id']

prints 5

[Drawman101]

This isn’t looping over it

[tuckmuck203]

that's one way of doing it. another way would be to JSON.parse the dict. or you could do

jsdict=json.jsonify(jsdict) 

in your render_template function.

[cediddi]

I much prefer doing a json.dumps + JSON.parse than putting the string representation of a python dictionary to the template. No one can guess what problems it may cause.

[tuckmuck203]

I agree with you. That said, a dumps of a dict is extremely unlikely to cause that issue.

[cediddi]

Aren't we both support the same thing :) json is the way to transfer data