javascript - 将数据从 Python 发送到 Javascript (JSON)

Question

我知道 JSON 可以解决这个问题，但是我在实现它时遇到了问题。这是我的方法的详细信息：

1. 数据是用 Python 计算的
2. 由于数据的大小是动态的，所以我需要使用 JavaScript 为我的输出创建额外的 HTML 表格行。因此，我需要将数据从 Python 传递到 JavaScript 以让 Javascript 来“查看”数据。

HTML 代码（下面是我创建输出页面的 HTML 代码的一部分）：

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)

JavaScript 代码（我使用 JavaScript 即时创建附加输入表文件名：'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>    

谢谢您的帮助！

Answer 1

您不必“实现” JSON，python 带有一个内置库，称为simplejson，您可以使用普通的 dicts 来提供它：

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

编辑： 正如 tadeck 所指出的，simplejson应该是最新的并且不等于 json，但是有机会，simplejson 不可用，因为它是由外部维护的

编辑2： 基于this answer中的讨论和页面上的讨论，我认为最好的方法是这样的：

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'));
});

然后，您的 python dict 具有与 javascript 对象完全相同的结构。