Send data from Python to Javascript (JSON)

Question

I know JSON to solve this problem, but I have problems in implementing it. Here is the detail of my approach: - Data are calculated in Python - Since the size of data is dynamic, so I need to use JavaScript to create extra HTML table rows for my outputs. As a result, I need to pass data from Python to JavaScript to let Javascript to 'see' the data. HTML Code (below is a section of my HTML code to create the output page): ``` class OutputPage(webapp.RequestHandler): def func (a,b): return a+b #just an example def get(self): form = cgi.FieldStorage() chem_name = form.getvalue('chemical_name') Para1 = form.getvalue('Para1') #get values from input page--user inputs Para1 = float(Para1) Para2 = form.getvalue('Para2') #get values from input page--user inputs Para2 = float(Para2) out = func (Para1,Para1) out_json=simplejson.dumps(out) # I need to send out to JavaScript #writ output page templatepath = os.path.dirname(__file__) + '/../templates/' html = html + template.render (templatepath +…

Accepted Answer

you don't have to "implement" JSON, python comes with a built in lib, called `simplejson`, which you can feed with normal dicts:

```
try: 
  import simplejson as json
except:
  import json
out = {'key': 'value', 'key2': 4}
print json.dumps(out)
```

EDIT: as tadeck pointed out, simplejson should be more up-to-date and is not equal to json, but there is a chance, simplejson is not available due to it is maintained externaly

EDIT 2: based on the discussion in this answer and the discussion on the page, i think, the best approach would be something like that:

python

```
# [...] generate dynamic data [...]
html = html + template.render (templatepath + 'outputpage_start.html', {})
html = html + template.render (templatepath + 'outputpage_js.html', {})               
html = html + """<table width="500" class='out' border="1" data-dynamic="%s">""" % json.dumps(your_generated_data_dict)
#tr/td elements and templating as needet
self.response.out.write(html)
```

javascript

```
$(function(){
    var your_generated_table = $('table'),
        dynamic_data = JSON.parse(your_generated_table.attr('data-dynamic'));
});
```

you then have the exact same structure your python dict has as a javascript object.

Send data from Python to Javascript (JSON)

Solution

Problem