How to pass data from python to javascript in web2py

Question

I see some relevant posts to my query.

Tornado is used in the below link How to pass variable from python to javascript

I know that it can be done using json but I am not clear how to implement it. In the web2py default controller I am returning a dictionary which contains the latitudes and longitudes.

def index():
    lat_long_list=[]
    info1 = {'lat':'1.0032','long':'2.00003','name':'Akash'}
    info2 = {'lat':'1.2312','long':'-1.0034','name':'Kalyan'}
    lat_long_list.append(info1)
    lat_long_list.append(info2)
    return dict(lat_long_list=lat_long_list)

In java script I want to iterate through the list of dictionaries and mark the points on the google maps.

I cannot say

<script>
 {{ for lat_long_rec in lat_long_list :}}
 var name = {{=lat_long_rec['name']}}
 {{ pass }}
</script>

This fails. An alternative to handle this is to write the list into an xml and from javascript read the file but I dont want to achieve it this way as writing to file is non performant. Let me know how best this can achieved.

Anthony · Accepted Answer · 2015-07-05 22:36:30Z

4

Convert the Python list to JSON and pass that to the view to insert in the Javascript code:

    from gluon.serializers import json
    return dict(lat_long_list=json(lat_long_list))

In the view:

<script>
    ...
    var latLongList = {{=XML(lat_long_list)}}
    ...
</script>

edited Jul 5, 2015 at 22:36

answered Jul 4, 2015 at 15:18

Anthony

25.5k3 gold badges31 silver badges58 bronze badges

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

2 Comments

Pradeep Kumar Anumala Over a year ago

Hi Anthony, Thanks for the response. I tried it and it's not working. I checked the source code of the html page and I see the following. <script> var v = [{'lat': '1.0032', 'name': 'Akash', 'long': '2.00003'}, {'lat': '1.2312', 'name': 'Kalyan', 'long': '-1.0034'}] </script>

Pradeep Kumar Anumala Over a year ago

Using XML has addressed the issue.

Collectives™ on Stack Overflow

How to pass data from python to javascript in web2py

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related