Envoyer des données de Python à Javascript (JSON)

Je connais JSON pour résoudre ce problème, mais j'ai des problèmes dans sa mise en œuvre. Voici le détail de mon approche:

1. Les données sont calculées en Python
2. Étant donné que la taille des données est dynamique, j'ai donc besoin d'utiliser JavaScript pour créer des lignes de table HTML supplémentaires pour mes sorties. En conséquence, j'ai besoin de transmettre des données de Python à JavaScript pour permettre à Javascript de "voir" les données.

Code HTML (ci-dessous est une section de mon code HTML pour créer la page de sortie):

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 + 'outputpage_start.html', {}) html = html + template.render (templatepath + 'outputpage_js.html', {}) html = html + """<table width="500" class='out', border="1"> <tr> <td>parameter 1</td> <td>&nbsp</td> <td>%s</td> </tr> <tr> <td>parameter 2</td> <td>&nbsp</td> <td>%s</td> </tr> </table><br>"""%(Para1, Para2) html = html + template.render(templatepath + 'outputpage_end.html', {}) #attempt to 'send' Python data (out_json) to JavaScript, but I failed. html = html + template.render({"my_data": out_json}) self.response.out.write(html) app = webapp.WSGIApplication([('/.*', OutputPage)], debug=True) 

Code JavaScript (J'utilise JavaScript pour créer des tableaux d'entrées supplémentaires sur le nom de fichier fly: 'outputpage_js.html'):

 <script> <script type='text/javascript'> $(document).ready(function(){ //I assume if my Json statement works, I should be able to use the following argument to create a HTML row $('<tr><td>Parameter 2</td><td>&nbsp</td><td>out_json</td>').appendTo('.app') </script> 

Merci pour l'aide!

• Puis-je activer la vue de compatibilité IE 10 en utilisant JavaScript ou HTML?
• Qu'est-ce que IE prend sur HTMLDocument et HTMLElement
• Passer un paramètre indéfini à la fonction – vérifier si la variable existe
• Date Javascript: définissez-vous juste la date, en ignorant le temps?
• AutoNumeric.js supprime le formatage avant de soumettre le formulaire

• L'application Web Java comme application de bureau, quels cadres devrais-je choisir?
• Comment afficher la valeur différente de l'élément de saisie avec le modèle ng?
• Problèmes d'iPad ajax
• Définir temporairement js_errors en false dans Poltergeist
• JSLint se plaignant de mon essai / capture

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

 # [...] 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) 

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