Python 到 Javascript JSON 个对象（烧瓶）

Question

我正在尝试创建一个简单的 Flask 应用程序，其中在服务器上生成一个整数数组并将其发送到客户端。我想在控制台中查看整数数组。这是 app.py:

中的一些示例（工作）代码

from flask import Flask, render_template, request, url_for

import random, json

app = Flask(__name__)

@app.route('/',  methods=['GET'])
def form():
    json_helper = {}
    json_helper['randoms'] = [random.random() for _ in range(40)]
    json_object = json.dumps(json_helper)
    return render_template('sim0625.html', s_data=json_object)

if __name__ == '__main__':
  app.run(debug=True)

这里是 Javascript 前端的片段：

<script>

  var data_xyz = {{ s_data|tojson }};

  var JSONObject = JSON.parse({{data_xyz}});
  console.log(JSONObject.randoms);  

 </script>

不幸的是，javascript 的 none 在我的网页上运行，显示的错误消息是 "Uncaught SyntaxError: Unexpected token u"。

有人可以解释一下如何解决这个问题吗？谢谢。我的猜测是 JSON 个对象正在变成字符串。

注意：前端的代码改编自这个 SO 问题：Extracting data from json object in jQuery or JS

Answer 1

您正在通过变量 s_data 将 JSON 发送到模板。

在模板中，您将该变量呈现为名为 data_xyz 的 JavaScript 变量。在下一行中，您尝试引用 Jinja 变量而不是 JavaScript 变量：

var JSONObject = JSON.parse({{data_xyz}});

将其更改为：

var JSONObject = JSON.parse(data_xyz);

Python 到 Javascript JSON 个对象（烧瓶）

Python to Javascript JSON objects (Flask)

javascript

python

json

flask

to-json